Проблема с MS Edge - встроенное приложение на странице html5 не загружается - PullRequest
Новая
       19

Проблема с MS Edge - встроенное приложение на странице html5 не загружается

0 голосов
/ 15 апреля 2019

Я встраиваю веб-приложение. Он работает на всех браузерах, но не на MS Edge. Мы вынуждены работать с MS Edge 17. 

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

метатег для края 

    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

загрузка JS 

<!--Adobe Edge Runtime-->
    <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall`.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="Bannerad_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-160548878 { visibility:hidden; }
    </style>
<!--Adobe Edge Runtime End-->
</head>

Часть Stye 

<style>
.edgeLoad-EDGE-1689000495 { visibility:hidden; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
</style>

таблица, где я буду в моем приложении 

<table width="100%">
<tbody>
<tr>
<td><strong><a class="toggleBut" href="#" data-blend="zeile2">Lernkontrolle durchführen</a></strong></td>
</tr>
<tr id="zeile2" style="display: none;">
<td>

встраивание приложения 

<div id="Stage" class="EDGE-160548878">
    <iframe width="100%" height="680px" src="FILE.html" frameborder="0" allowfullscreen></iframe>
</div>


<a class="toggleBut" href="#" data-blend="zeile2"> weniger anzeigen </a></td>
</tr>
</tbody>
</table>
</body>

Что-то я пропустил в MS Edge? Теперь он работает для каждого второго пользователя с той же версией MS Edge. Что я мог сделать?

1 Ответ

0 голосов
/ 29 апреля 2019

Я нашел способ справиться со своей проблемой.Мне просто нужно было добавить следующий код в головную часть: 

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
</head>

Я также поместил тег iframe в контейнер "div".Мое приложение теперь работает и для MS Edge.

...