次のエラーが表示されます: X-UA-Compatible META タグ ('IE=7') はドキュメント モードが既にファイナライズされているため無視されました。
これに対する修正は、メタ タグが head タグで十分に高く宣言されていないことであると読みましたが、このメタ タグを head タグの最初の行に移動しようとしましたが、エラーは修正されません。
私は Grails .gsp ファイルで作業しており、ファイルもノックアウト js を使用しています。
関連するコードは次のとおりです。
<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"><!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>myInfinitec Membership Management</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="/ucpmanagementportal/static/images/favicon.ico" type="image/x-icon">
<meta name="layout" content="main"/>
<script src="/ucpmanagementportal/static/plugins/jquery-1.7.1/js/jquery/jquery-1.7.1.min.js" type="text/javascript" ></script>
<link href="/ucpmanagementportal/static/bundle-bundle_coreCSS_head.css" type="text/css" rel="stylesheet" media="screen, projection" />
</head>
編集: IE 開発者ウィンドウでは、すべての行の間に "Text- empty text node" 行が生成されています。おそらく、これは X-UA-Compatible メタ タグの前に何かがあると見なされます。修正は display: block と zoom: 1 を影響を受ける要素に追加することだと読みましたが、これは機能しません。これが私が説明していることの例です:
<head>
Text - Empty Text Node
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
Text - Empty Text Node
<meta style="display: block; zoom: 1;" http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
Text - Empty Text Node