如何顯示沒有顯示的腳本

Question

我正在檢查這個頁面：

<script>
        var countries_datasource = '6ca8faa0-a908-4b08-a5b3-df91e3ef5af8';
</script>

在檢查 CSS styles 時，我發現了這個：

script {
    display: none;
}

如何顯示腳本的內容？

Answer 1

將display: block添加到腳本標簽。

 <script style="display: block"> console.log("Hello World!") </script>

那種風格

script {
  display: none;
}

自動設置為瀏覽器僅供參考。 Chrome 將user agent stylesheet編寫為源， user agent指的是瀏覽器。

Answer 2

您可以獲得textContent 。

var script = ... //e.g. document.querySelector('script') for first script element
var content = script.textContent;

 const script = document.querySelector('#myScript'), content = script.textContent; console.log(content);

 <script id="myScript"> var countries_datasource = '6ca8faa0-a908-4b08-a5b3-df91e3ef5af8'; </script>

Answer 3

您可以將 style="display: block" 添加到腳本標簽

<script style="display: block">

這會起作用，因為有一種叫做特異性的東西。 特異性決定了一種風格何時覆蓋另一種風格。 通常，內聯 styles 具有更高的特異性，因此它將覆蓋

display: none;

應用在上面。

您可以在此處閱讀有關特異性的更多信息： https://www.w3schools.com/css/css_specificity.asp