在部署应用程序时出现此问题。 我的提供者是OVH,出于某种原因,采用的部署模式使用了“隐形重定向”,该重定向将URL放在框架内。
最终结果是这样的:
<html>
<head>
<title>espaceClient</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="generator" content="ORT - Ovh Redirect Technology">
<meta name="url" content="http://XXX.XXX.XXX.XXX:YYYY">
<meta name="robots" content="all">
</head>
<frameset rows="100%,0" frameborder=no border=0>
<frame name="ORT" src="http://XXX.XXX.XXX.XXX:YYYY">
<frame name="NONE" src="" scrolling="no" noresize>
<noframes>
<body><a href="http://XXX.XXX.XXX.XXX:YYYY">Click here</a><hr></body>
</noframes>
</frameset>
</html>
页面的设计对移动设备友好且响应迅速,由于某些原因,框架扼杀了这些方面。换句话说:该页面显示在移动设备上,就像是笔记本电脑的台式机屏幕一样。
经过更多研究之后,我了解到有必要在此页面上添加<meta name="viewport" content="width=device-width, initial-scale=1.0">
,但是提供程序不允许配置该页面,因此我需要通过javascript或jQuery进行配置。
我以为可以获取框架文档的父文档,但不能:
var viewPortTag=document.createElement('meta');
viewPortTag.id="viewport";
viewPortTag.name = "viewport";
viewPortTag.content = "width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;";
window.parent.document.getElementsByTagName('head')[0].appendChild(viewPortTag);
我的问题如下:如何在http://XXX.XXX.XXX.XXX:YYYY
中编写一个脚本,以将<meta name="viewport" content="width=device-width, initial-scale=1.0">
附加到父页面,如下所示:
<html>
<head>
<title>espaceClient</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="generator" content="ORT - Ovh Redirect Technology">
<meta name="url" content="http://XXX.XXX.XXX.XXX:YYYY">
<meta name="robots" content="all">
<!-- added through some javascript written in http://XXX.XXX.XXX.XXX:YYYY -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<frameset rows="100%,0" frameborder=no border=0>
<frame name="ORT" src="http://XXX.XXX.XXX.XXX:YYYY">
<frame name="NONE" src="" scrolling="no" noresize>
<noframes>
<body><a href="http://XXX.XXX.XXX.XXX:YYYY">Click here</a><hr></body>
</noframes>
</frameset>