在應用程序中使用jQuery/js剝離css搜索結果頁面

Question

我試圖構建一個應用程序，該應用程序擊中了我的網站搜索並在應用程序中拉出結果。

目前我只是在基本拉起應用程序的iframe我的整個網站的搜索結果，頭，旗幟，CSS等，所以其在應用中的iframe整個網站並不十分好看。

我的問題是，我將如何在我的網站的搜索結果頁面中使用jquery/javascript，以便查看剛纔發生的搜索來自我的應用程序還是我的網站？

然後，如果它來自我的應用程序，更改CSS以去除所有裝飾，頁腳，橫幅等，以便它只顯示結果。

我應該做一些像get參數一樣的URL來區分嗎？

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

Answer 1

不需要JavaScript，您可以使用CSS Media Queries根據屏幕大小隱藏額外的內容。您可以使用這樣的事情在你的樣式表：

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

這將讓這個當顯示窗口小於500個像素寬與標識的旗幟和頁腳的元素，並與類裝飾品的任何元素將被隱藏。