在应用中使用jquery/js剥离css搜索结果页面



我正在尝试构建一个应用程序,点击我的网站的搜索并在应用程序中提取结果。

目前我只有一个iframe在应用程序中,基本上拉出我的整个网站的搜索结果,标题,横幅,css等,所以有一个整个网站在一个应用程序的iframe不好看。

我的问题是,我将如何使用jquery/javascript在我的网站的搜索结果页面,使它看起来,看看如果刚刚发生的搜索来自我的应用程序或我的网站?

然后如果它来自我的应用程序,改变css剥离所有的装饰,页脚,横幅等,使它只显示结果。

我应该在URL上做一个get参数来区分吗?

我对jquery/javascript非常陌生,抱歉。

不需要JavaScript,您可以使用CSS媒体查询来隐藏基于屏幕大小的额外内容。您可以在样式表中使用如下内容:

@media (max-width:500px) {
    #banner, #footer, .decorations {
        display: none;
    }
}

当显示窗口宽度小于500像素时,带有id的横幅和页脚的元素以及任何带有类装饰的元素将被隐藏。

最新更新