毫无排版和缩进的 JavaScript 代码,怎么阅读?
比如这个页面(http://static.zhihu.com/static/img/reader/zhihu-reader.js?v=1.9),还有很多都跟这个一样,找到源代码页面想看看页面是怎么实现的,无奈毫无排版和缩进,看起来一头雾水啊,这种页面的js代码要怎样阅读?还是我获取源代码的方法本来就是错的?望解答。
回复内容:
打开chrome,打开一个页面,比如目前这个页面吧 http://www.zhihu.com/question/20195561按Ctrl+shift+I 打开开发者工具,点Scripts选项卡。
下面有一个图标为两个花括号的按钮{},鼠标放上去提示是pretty print,点一下,js代码就有换行了。

其他浏览器都有类似的开发者工具。试试吧。~ http://jsbeautifier.org/ 至于阅读,淘宝之前可以看到源代码的,现在也只有生产环境能看到了。
你可以找作者索取。或者看一些开源的代码 uglifyjs -b 赞同@天祁,可以用http://jsbeautifier.org/在线格式化代码。不过作用不是很大,因为很多线上产品即使格式化了也没法看,比如你说的这个链接,是经过goog closure compiler压缩过的, advance模式。
只是偶尔用来格式化下压缩的代码方便调试,或者看一些很短的代码片段才会用这个方法。 这是压缩后的产品代码。
开发环境的代码绝不会是这个样子的。
不然也太搞笑了。 这个显然是发布代码,会去掉注释,变量名都是用abcd之类的代替而非有意义的词,提高效率,减少网络传输。最好能找到开发代码,这个就算有缩进和换行,所有的变量都是不知道干嘛的魔法变量,只能猜,读起来很空难哎 Sublime Text里有个插件JsFormat,可以格式化Js代码。
比如开始时这样:


编辑器比如 Sublime Text 2 可以用包管理直接安装插件调用进行排版
https://github.com/jdc0589/JsFormat
当然在线版本更好
不济的话找个模块找 REPL 里面加载模块把文件办了 Online JavaScript beautifier DW或VS都有格式化功能

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

AdobeAcrobatReader是一款用於檢視和編輯PDF檔案的功能強大的工具。軟體提供免費和付費兩個版本。如果您需要使用AdobeAcrobatReader進行PDF檔案的編輯,那麼您需要購買其付費方案。為了保持AdobeAcrobatReader與最新的增強功能和安全性修復程式同步,軟體預設會啟用自動更新功能。不過,如果您希望,您也可以選擇停用自動更新。本文將向您介紹如何在AdobeAcrobatReader中停用自動更新。如何在AdobeAcrobatReader中停用自動更新我們

http狀態碼520是指伺服器在處理請求時遇到了一個未知的錯誤,無法提供更具體的資訊。用於表示伺服器在處理請求時發生了一個未知的錯誤,可能是由於伺服器配置問題、網路問題或其他未知原因導致的。通常是由伺服器配置問題、網路問題、伺服器過載或程式碼錯誤等原因導致的。如果遇到狀態碼520錯誤,最好聯絡網站管理員或技術支援團隊以取得更多的資訊和協助。

http狀態碼403是伺服器拒絕了客戶端的請求的意思。解決http狀態碼403的方法是:1、檢查身份驗證憑證,如果伺服器要求身份驗證,確保提供正確的憑證;2、檢查IP位址限制,如果伺服器對IP位址進行了限制,確保客戶端的IP位址被列入白名單或未列入黑名單;3、檢查文件權限設置,如果403狀態碼與文件或目錄的權限設置有關,確保客戶端具有足夠的權限訪問這些文件或目錄等等。

掌握HTTP301狀態碼的意思:網頁重定向的常見應用場景隨著網路的快速發展,人們對網頁互動的要求也越來越高。在網頁設計領域,網頁重定向是一種常見且重要的技術,透過HTTP301狀態碼來實現。本文將探討HTTP301狀態碼的意義以及在網頁重新導向中的常見應用場景。 HTTP301狀態碼是指永久重新導向(PermanentRedirect)。當伺服器接收到客戶端發

HTTP狀態碼200:探索成功回應的意義與用途HTTP狀態碼是用來表示伺服器回應狀態的數字代碼。其中,狀態碼200表示請求已成功被伺服器處理。本文將探討HTTP狀態碼200的具體意義與用途。首先,讓我們來了解HTTP狀態碼的分類。狀態碼分為五個類別,分別是1xx、2xx、3xx、4xx和5xx。其中,2xx表示成功的回應。而200是2xx中最常見的狀態碼

如何使用NginxProxyManager實現HTTP到HTTPS的自動跳轉隨著互聯網的發展,越來越多的網站開始採用HTTPS協議來加密傳輸數據,以提高數據的安全性和用戶的隱私保護。由於HTTPS協定需要SSL憑證的支持,因此在部署HTTPS協定時需要有一定的技術支援。 Nginx是一款強大且常用的HTTP伺服器和反向代理伺服器,而NginxProxy

使用http.PostForm函數發送帶有表單資料的POST請求在Go語言的http包中,可以使用http.PostForm函數發送帶有表單資料的POST請求。 http.PostForm函數的原型如下:funcPostForm(urlstring,dataurl.Values)(resp*http.Response,errerror)其中,u

快速應用:PHP非同步HTTP下載多個檔案的實用開發案例分析隨著互聯網的發展,檔案下載功能已成為許多網站和應用程式的基本需求之一。而對於需要同時下載多個檔案的場景,傳統的同步下載方式往往效率低且耗費時間。為此,使用PHP非同步HTTP下載多個檔案成為了越來越常見的解決方案。本文將透過一個實際的開發案例,詳細分析如何使用PHP非同步HTTP
