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

Question

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

目前我只有一个iframe应用程序，它基本上可以提取我的整个网站搜索结果、标题、横幅、css 等，因此在应用程序的 iframe 中拥有整个网站看起来并不漂亮。

我的问题是，我将如何在我网站的搜索结果页面中使用 jquery/javascript，以便查看刚刚发生的搜索是来自我的应用程序还是我的网站？

然后，如果它来自我的应用程序，请更改 css 以去除所有装饰、页脚、横幅等，以便它只显示结果。

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

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

Answer 1

不需要 JavaScript，您可以使用CSS 媒体查询根据屏幕大小隐藏额外内容。你可以在你的样式表中使用这样的东西：

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

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