Question

我正在创建一个小部件，我用一个noscript标签包装了一些JavaScript，现在我只是得到一个空白屏幕，没有我能注意到的错误消息。

以下是示例：http://www.comehike.com/outdoors/widget.php?hike_id=108&height=600&width=700

如果您粘贴该页面的视图来源的网址，您将会发生一些事情。但由于某种原因，我链接的这个网址没有显示任何内容。为什么会这样？

谢谢！

Answer 1

没有很多到调试。只需尝试使用JS打开页面并关闭它。像往常一样，validating很有帮助。

如果您启用了JavaScript，则<noscript>元素将被忽略，您什么都看不到。这是预期的。

如果您关闭了JavaScript，则会呈现<iframe>，并加载页面。该页面包含一个标题，一些空元素和大量JavaScript（由于JS未打开，因此无法运行）。

Answer 2

您没有关闭<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的浏览器。

Answer 3

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

要测试noscript标记，您可以使用HTML验证程序，以确保将<noscript>标记放在HTML中的有效/合法位置。

http://validator.w3.org/

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

如何调试noscript标记

3 个答案: