我正在尝试构建一个应用程序,点击我的网站的搜索并在应用程序中提取结果。
目前我只有一个iframe
在应用程序中,基本上拉出我的整个网站的搜索结果,标题,横幅,css等,所以有一个整个网站在一个应用程序的iframe不好看。
我的问题是,我将如何使用jquery/javascript在我的网站的搜索结果页面,使它看起来,看看如果刚刚发生的搜索来自我的应用程序或我的网站?
然后如果它来自我的应用程序,改变css剥离所有的装饰,页脚,横幅等,使它只显示结果。
我应该在URL上做一个get参数来区分吗?
我对jquery/javascript非常陌生,抱歉。
不需要JavaScript,您可以使用CSS媒体查询来隐藏基于屏幕大小的额外内容。您可以在样式表中使用如下内容:
@media (max-width:500px) {
#banner, #footer, .decorations {
display: none;
}
}
当显示窗口宽度小于500像素时,带有id的横幅和页脚的元素以及任何带有类装饰的元素将被隐藏。