Добавьте мета-тег viewport в заголовок страницы технологии перенаправления OVH - PullRequest
Новая
       6

Добавьте мета-тег viewport в заголовок страницы технологии перенаправления OVH

0 голосов
/ 02 июля 2018

У меня есть эта проблема при развертывании приложения. Мой провайдер - 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>

...