将meta-viewport标签添加到OVH重定向技术页面的标题

时间:2018-07-02 17:26:23

标签: javascript jquery css frame

在部署应用程序时出现此问题。 我的提供者是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>

0 个答案:

没有答案