如何调试noscript标记

How to debug the noscript tag

本文关键字:noscript 标记 调试 何调试      更新时间:2023-09-26

我正在制作一个小部件,我用noscript标记包装了一些JavaScript,现在我只看到一个空白屏幕,没有注意到任何错误消息。

以下是示例:http://www.comehike.com/outdoors/widget.php?hike_id=108&高度=600&宽度=700

如果你从该页面的视图源粘贴url,你会得到一些东西。但由于某种原因,我链接到的这个网址什么都没有显示。为什么会发生这种情况?

谢谢!!

没有太多需要调试。只要试着打开和关闭JS的页面。和往常一样,验证是有帮助的。

如果您打开了JavaScript,那么<noscript>元素将被忽略,您将看不到任何内容。这是意料之中的事。

如果您关闭了JavaScript,则会呈现<iframe>,并加载其中的页面。该页面由一个标题、一些空元素和大量JavaScript组成(因为JS没有打开,所以无法运行)。

您没有关闭<a>标记。

之前:

<noscript>
<iframe style="width:700px;height:600px" src="http://www.comehike.com/outdoors/hike_widget.php?hike_id=108&height=600&width=700" >
    <p>Your browser does not support iframes.</p></iframe>
    <p><a href="http://www.comehike.com/">Widget by comehike.com</p>
</noscript>

之后:

<noscript>
<iframe style="width:700px;height:600px" src="http://www.comehike.com/outdoors/hike_widget.php?hike_id=108&height=600&width=700" >
    <p>Your browser does not support iframes.</p></iframe>
    <p><a href="http://www.comehike.com/">Widget by comehike.com</a></p>
</noscript> 

请记住,<noscript>标记中的任何内容都只会显示给不支持JavaScript或已禁用JavaScript的浏览器。

<noscript>标记内的JavaScript永远不会被激活-只有当浏览器不支持<script>标记中指定的语言(或已禁用)时,才会呈现该元素。

要测试noscript标记,可以使用HTML验证器来确保已将<noscript>标记放置在HTML中的有效/合法位置。

http://validator.w3.org/

除此之外,只需在禁用JavaScript的情况下查看页面即可查看效果。