使網站顯示在iframe中就好像它在智能手機上一樣？

如果我有一個iframe，打開網址http://www.google.com，它會加載整個網頁，除非有一個移動樣式表，就像在桌面瀏覽器上使用滾動條一樣。我如何讓它像在智能手機上一樣被打開？使網站顯示在iframe中就好像它在智能手機上一樣？

<iframe id="frame" src="http://www.google.com" width="320" height="480"></iframe>

來源

2012-10-19 RSM

當在iframe中加載頁面時，網站無法指示瀏覽器僞裝成移動瀏覽器。

您需要在框架中的頁面可以在不同的URI下訪問，默認情況下會提供移動內容和樣式表，而不是使用任何類型的檢測（無論是媒體查詢，用戶代理嗅探還是其他任何類型的檢測其他）。

來源

2012-10-19 16:21:51 Quentin

感謝您的信息，但還是犯規給我提供了一個解決方案，或解決方法，或替代。 – RSM

@RyanMurphy如果答案是「這是不可能的」，你如何期待有一個「解決方案，或解決方法，或替代」？ *有一個解決方案，但我們正在討論如何構建自定義瀏覽器，這遠遠超出了SO的範圍。 – cimmanon

要讓第三方網站加載，就好像它位於iframe中的移動瀏覽器中一樣，瀏覽器本身必須發送相應的用戶代理字符串。這不是您作爲網站開發者控制的東西。

但是，如果您可以請求頁面內容服務器端，您將發出http請求並可以控制向其他服務器發送的用戶代理字符串。在.Net中，您可以創建一個新的HttpWebRequest對象並在發出請求之前設置UserAgentString。

請記住，這實際上是「欺騙」其他服務器以返回適用於特定平臺的內容。當您回覆客戶的請求時，您也會從服務器上呈現其他人的內容。請務必檢查您正在處理的任何網站內容的任何服務條款，以確保它不是問題。

來源

2012-10-19 16:33:51 Jeremy

好的..但我建議的反應是不是真的.. 這是可能的瀏覽網頁作爲智能手機在iframe ..當然，該網站必須準備與響應式設計方法..但它可能的

請按照以下3個步驟：在步驟＃2的CSS代碼中編輯IFrame的大小和邊框。

1.）創建頁面到框架創建一個名爲「framepage.htm」的新網頁，其響應式設計能力（我的簡單博客爲例）將顯示在IFrame窗口中。 2.）添加IFrame嵌入代碼選擇並複製下面的代碼。將其粘貼到您想讓IFrame窗口出現的HTML網頁的內容區域。

<iframe name="Framename" src="http://mlaynessanchez.blogspot.com" width="400" height="200" frameborder="0" scrolling="auto" class="frame-area"> 
</iframe>

3）添加CSS代碼選擇，複製和粘貼下面的CSS在你的模板全局樣式.css文件的底部。 CSS的高度和寬度將覆蓋IFrame HTML代碼。使用高度，寬度，邊框和溢出選項編輯以下內容。

以下代碼適用於響應式和非響應式網頁。

.frame-area { 
    display: block; 
    width: 100%; /* RESPONSIVE WIDTH */ 
    max-width: 400px; 
    height: 300px; 
    overflow: auto; /* EDIT TO hidden FOR NO SCROLLBAR */ 
    border: #999999 1px solid; 
    margin: 0px; 
    padding: 0px; 
    }

如果沒有一個全球性的css文件，只是下面的標記之間的標記之前添加上面的代碼到您的網頁的頭部。

<style type="text/css"> 
    /* css code goes here */ 
</style>

來源：http://allwebco-templates.com/support/S_script_IFrame.htm

來源

2017-01-28 22:37:13 user1515909

使網站顯示在iframe中就好像它在智能手機上一樣？

回答

相關問題