如何調試 noscript 標簽

Question

我正在制作一個小部件，我用 noscript 標簽包裝了一些 JavaScript，現在我只是得到一個空白屏幕，沒有我能注意到的錯誤消息。

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

如果您從該頁面的視圖源粘貼 url，您會發生一些事情。 但由於某種原因，我鏈接到的這個 url 什么也沒顯示。 為什么會這樣？

謝謝！！

Answer 1

沒有太多要調試的。 只需嘗試打開和關閉 JS 的頁面。 像往常一樣， 驗證是有幫助的。

如果您打開了 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 或禁用它的瀏覽器。

Answer 3

<noscript>標簽內的 JavaScript 永遠不會被激活 - 只有當瀏覽器不支持<script>標簽中指定的語言（或者它被禁用）時，才會呈現該元素。

要測試 noscript 標簽，您可以使用 HTML 驗證器來確保您已將<noscript>標簽放置在 HTML 中的有效/合法位置。

http://validator.w3.org/

除此之外，只需查看禁用 JavaScript 的頁面即可查看效果。