4

Chrome と Firefox でページを表示すると、非常に小さな h1 タイトルが表示され、リンクのように色が変わります。すべてを生成するテンプレートは、本来あるべき姿とまったく同じです。問題を診断するとき、ソースを表示すると、コードの関連セクションは次のようになります。

<div class="page-heading">
    <h1>Title Here</h1>
</div>

ただし、Chrome の開発者ツールで表示すると、無関係な不​​正なアンカー タグがスローされており、明らかにホバリング動作を引き起こしています。開発ツールには次のように表示されます。

<div class="page-heading">
<h1>
    <a style="font-family: arial; font-size: 9px" <="" a="">Title Here</a>
</h1>                
</div>

さらに、サイトのローカル コピーを表示する場合、開発ツールに表示される出力はソースを表示する場合と同じであり、どちらもローカルで正しくレンダリングされます。

奇妙なことに、IE のすべてのバージョンで正しくレンダリングされます。Chrome と Firefox の両方の現在のバージョンでは、どちらも奇妙にレンダリングされます。最初はユーザー エージェントのスタイルシートの問題かもしれないと思っていましたが、CSS に問題がないとすれば、HTML の形式が正しくありません。

4

1 に答える 1

8

Chrome の開発者ツールで表示すると、結果は javascript によって変更された後です。 (これは、javascript によって動的に追加されたコンテンツを表示できることを意味します)

ビューソースとして表示すると、元の html ソースです。

于 2012-10-04T15:42:49.757 に答える