如何調試noscript標記

Question

我正在製作一個小部件，並用一個noscript標記封裝了一些JavaScript，現在我只是看到一個空白屏幕，並且沒有我可以注意到的錯誤消息。

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

如果你從該頁面的查看源代碼的URL粘貼，你會得到的東西發生。但由於某種原因，我鏈接到的這個網址沒有顯示任何內容。爲什麼會發生？

謝謝！

Answer 1

有沒有很多到調試。只需嘗試JS上的頁面，並關閉它。像往常一樣，validating是有幫助的。

如果您打開了JavaScript，那麼<noscript>元素將被忽略，您什麼都看不到。這是預料之中的。

如果您已關閉JavaScript，則會呈現，並加載頁面。該頁面包含一個標題，幾個空元素和很多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頁面才能看到效果。