<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>JavaScript on AngeCI’s Blog</title><link>https://angeci.github.io/blog/categories/javascript/</link><description>Recent content in JavaScript on AngeCI’s Blog</description><generator>Hugo -- gohugo.io</generator><language>en</language><lastBuildDate>Tue, 04 Aug 2026 17:25:33 +0000</lastBuildDate><atom:link href="https://angeci.github.io/blog/categories/javascript/index.xml" rel="self" type="application/rss+xml"/><item><title>NoScript</title><link>https://angeci.github.io/blog/noscript/</link><pubDate>Tue, 04 Aug 2026 17:25:33 +0000</pubDate><guid>https://angeci.github.io/blog/noscript/</guid><description>&lt;blockquote class="alert alert-warning"&gt;
 &lt;div class="alert-header"&gt;
 &lt;span class="alert-icon"&gt;⚠️&lt;/span&gt;
 &lt;span class="alert-title"&gt;Notice&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="alert-body"&gt;
 &lt;p&gt;This post is a draft translation from &lt;a class="link" href="https://angeci.github.io/blog/zh/noscript/" &gt;the Chinese version&lt;/a&gt; which have not yet been thoroughly proofread.&lt;/p&gt;
 &lt;/div&gt;
 &lt;/blockquote&gt;
&lt;p&gt;有些人習慣預設禁用瀏覽器執行 JavaScript 的權限，甚至對一切含有 JavaScript 的網頁持反感態度。最近讀到了 Taxodium 的《&lt;a class="link" href="https://taxodium.ink/google-turn-on-javascript-to-keep-searching.html" target="_blank" rel="noopener"
 &gt;請開啟 JavaScript 以繼續搜尋&lt;/a&gt;》和廢文小天地的《&lt;a class="link" href="https://trashposts.com/blog/no-js-no-problem/" target="_blank" rel="noopener"
 &gt;關掉 JS 也沒問題！&lt;/a&gt;》。我想提出一些對激進 NoScript 觀點的反駁。&lt;/p&gt;
&lt;p&gt;Taxodium 把網站被禁用 JavaScript 的表現分成了五個 tier：&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;ol&gt;
&lt;li&gt;一片空白或者就一直加載，沒有任何提示&lt;/li&gt;
&lt;li&gt;無法閱讀，但會檢測沒有開啟 JavaScript (一般會用 &lt;a class="link" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/noscript" target="_blank" rel="noopener"
 &gt;&amp;lt;noscript&amp;gt;&lt;/a&gt;)，並給出相關提示&lt;/li&gt;
&lt;li&gt;可以閱讀，但因為禁用 JavaScript 導致樣式有問題，部分功能受限 (例如切換明暗主題)&lt;/li&gt;
&lt;li&gt;可以閱讀，樣式正常，部分功能受限&lt;/li&gt;
&lt;li&gt;可以閱讀，樣式正常，部分功能受限，合理地處理了需要 JavaScript 的功能 (可能隱藏、可能給出提示、或者用 CSS 禁用)&lt;/li&gt;
&lt;/ol&gt;

 &lt;/blockquote&gt;
&lt;p&gt;我得為 JavaScript 辯護一下：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;上述的一個 tier，其實有可能是客戶端防自動程式指紋測試，也就是反爬蟲程式。雖然說不少部落格作者&lt;a class="link" href="https://wiwi.blog/blog/ai-learns-me" target="_blank" rel="noopener"
 &gt;不太介意&lt;/a&gt;自己的網站被 AI 爬蟲爬，只是現今的爬蟲與以前比起來不太講武德，對網站伺服器構成了巨大的負擔，於是要不要啟用反爬蟲功能其實是一個兩難問題。&lt;/li&gt;
&lt;li&gt;第二個 tier 有可能是用以減輕網路頻寬負荷的延遲載入（lazy loading）手段。合適的延遲載入或者客戶端網頁生成可以（在犧牲一點點客戶端性能的前提下）在加快 FCP 的同時降低客戶端帶寬要求。&lt;/li&gt;
&lt;li&gt;有些網站有非服務端多語言支援，這個時候你禁用 JavaScript 的話就有可能變成上述的第三個 tier。本站目前語言的切換是全手動的，不會遇到上述問題，但明暗主題切換需要用到 JavaScript。&lt;/li&gt;
&lt;li&gt;JavaScript 也有寫得好與不好之分。&lt;/li&gt;
&lt;li&gt;你現在看到的這個部落格，目前需要依賴 JavaScript 的功能應該只有文章搜尋和隨機文章，禁用 JavaScript 對閱讀體驗的影響應該不是很大。以後可能會加入的依賴 JavaScript 的功能有：內嵌外部影片播放器、留言版、自製互動工具。不過我的 &lt;a class="link" href="https://angeci.github.io" target="_blank" rel="noopener"
 &gt;GitHub Pages&lt;/a&gt; 除了文檔之外，其他內容基本上都是 JavaScript 程序。&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote class="alert alert-tip"&gt;
 &lt;div class="alert-header"&gt;
 &lt;span class="alert-icon"&gt;💡&lt;/span&gt;
 &lt;span class="alert-title"&gt;Tip&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="alert-body"&gt;
 &lt;p&gt;讀者對於以上的論述有什麼想法？歡迎來信 angeci (at) ltgc.cc 與我討論（或者本站出現留言版的時候留個言）！&lt;/p&gt;
 &lt;/div&gt;
 &lt;/blockquote&gt;</description></item></channel></rss>