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

时间:2019-04-14 23:33:20

标签: html5 web-applications embed microsoft-edge

我嵌入了一个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的每个第二个用户都可以使用。我该怎么办?

1 个答案:

答案 0 :(得分:0)

我找到了解决问题的方法。 我只需要在头部添加以下代码:

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