MS Edge 问题 - html5 页面上的嵌入式应用程序无法加载



我嵌入了一个Web应用程序。它在所有浏览器上运行,但不在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>

麦粒肿部分

<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的第二名用户。我能做什么?

我找到了一种面对我的问题的方法。我只需要在头部添加以下代码:

<!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 运行。

最新更新