Html 让一个网站像在智能手机上一样出现在iframe中?

Html 让一个网站像在智能手机上一样出现在iframe中?,html,css,iframe,Html,Css,Iframe,如果我有一个iframe,打开te url,它会加载整个网页,除非有一个移动样式表,就像在桌面浏览器上一样,带有滚动条。如何让它像在智能手机上观看一样打开 <iframe id="frame" src="http://www.google.com" width="320" height="480"></iframe> 在iframe中加载页面时,网站无法指示浏览器伪装成移动浏览器 您需要在不同的URI下访问框架中的页面,默认情况下,该URI将提供移动内容和样式表,而不是

如果我有一个iframe,打开te url,它会加载整个网页,除非有一个移动样式表,就像在桌面浏览器上一样,带有滚动条。如何让它像在智能手机上观看一样打开

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

在iframe中加载页面时,网站无法指示浏览器伪装成移动浏览器


您需要在不同的URI下访问框架中的页面,默认情况下,该URI将提供移动内容和样式表,而不是使用任何类型的检测(媒体查询、用户代理嗅探或任何其他).

在iframe中加载页面时,网站无法指示浏览器伪装成移动浏览器


您需要在不同的URI下访问框架中的页面,默认情况下,该URI将提供移动内容和样式表,而不是使用任何类型的检测(媒体查询、用户代理嗅探或任何其他).

让第三方站点像在iframe的移动浏览器中一样加载的唯一方法是浏览器本身发送适当的用户代理字符串。作为站点开发者,这不是你可以控制的

但是,如果您可以请求页面内容服务器端,那么您将发出http请求,并可以控制向另一台服务器发送的用户代理字符串。在.Net中,您可以创建一个新的HttpWebRequest对象,并在发出请求之前设置UserAgentString


请记住,这实际上是在“欺骗”另一台服务器以返回针对特定平台的内容。当您回复客户的请求时,您还将从服务器呈现其他人的内容。请务必检查您正在处理的任何网站内容的任何服务条款,以确保它不是问题。

要让第三方网站像在iframe的移动浏览器中一样加载,唯一的方法是浏览器本身发送适当的用户代理字符串。作为站点开发者,这不是你可以控制的

但是,如果您可以请求页面内容服务器端,那么您将发出http请求,并可以控制向另一台服务器发送的用户代理字符串。在.Net中,您可以创建一个新的HttpWebRequest对象,并在发出请求之前设置UserAgentString


请记住,这实际上是在“欺骗”另一台服务器以返回针对特定平台的内容。当您回复客户的请求时,您还将从服务器呈现其他人的内容。请务必检查您正在处理的任何网站内容的任何服务条款,以确保它不是问题。

好的。。但la暗示的回应并非如此。。 可以在iframe中将网站视为智能手机。。当然,现场必须采用响应性设计方法。。但这是可能的

遵循以下3个步骤: 在步骤2 css代码中编辑IFrame的大小和边框

1.)创建页面到框架 创建一个名为“framepage.htm”的新网页,该网页具有响应性设计功能(以我的简单博客为例),将显示在IFrame窗口中。 2.)添加IFrame嵌入代码 选择并复制以下代码。将其粘贴到HTML网页的内容区域,您希望IFrame窗口出现在该区域

<iframe name="Framename" src="http://mlaynessanchez.blogspot.com" width="400" height="200" frameborder="0" scrolling="auto" class="frame-area">
</iframe>
如果您没有全局css文件,请将上述代码添加到网页的标题部分,在以下标记之间的标记前面

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

/*css代码在这里*/

来源:

好的。。但la暗示的回应并非如此。。 可以在iframe中将网站视为智能手机。。当然,现场必须采用响应性设计方法。。但这是可能的

遵循以下3个步骤: 在步骤2 css代码中编辑IFrame的大小和边框

1.)创建页面到框架 创建一个名为“framepage.htm”的新网页,该网页具有响应性设计功能(以我的简单博客为例),将显示在IFrame窗口中。 2.)添加IFrame嵌入代码 选择并复制以下代码。将其粘贴到HTML网页的内容区域,您希望IFrame窗口出现在该区域

<iframe name="Framename" src="http://mlaynessanchez.blogspot.com" width="400" height="200" frameborder="0" scrolling="auto" class="frame-area">
</iframe>
如果您没有全局css文件,请将上述代码添加到网页的标题部分,在以下标记之间的标记前面

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

/*css代码在这里*/

来源:

谢谢您提供的信息,但仍然没有向我提供解决方案、变通方法或替代方案。@RyanMurphy如果答案是“这不可能”,您如何期望有“解决方案、变通方法或替代方案”?有一个解决方案,但我们谈论的是如何制作一个自定义浏览器,这远远超出了SO的范围。感谢您提供的信息,但仍然没有为我提供解决方案、解决方案或替代方案。@RyanMurphy如果答案是“这不可能”,您如何期望有“解决方案、解决方案或替代方案”?有一个解决方案,但我们讨论的是定制浏览器,这远远超出了SO的范围。