資訊專欄INFORMATION COLUMN
摘要：會把調(diào)試信息顯示在網(wǎng)頁上，很方便的就能看到。的十分簡潔簡單，如果你沒啥追求，就直接使用這么使用一個優(yōu)雅的調(diào)試信息你就會在網(wǎng)頁頂部看到一個優(yōu)雅的調(diào)試信息。
創(chuàng)作背景
手機(jī)網(wǎng)頁兼容性與ie相比，有過之無不及，調(diào)試的時候，我們會使用console.log，但是手機(jī)上看不到打印出來的信息。所以只好各種alert，但alert總顯得不那么優(yōu)雅。
初學(xué)js的時候就alert，現(xiàn)在還在各種alert。而且alert后還要點擊確定，如果循環(huán)alert，那就悲劇了，一直點確定吧，可能手機(jī)還因此搞死機(jī)了。
那么有沒有一種顯得更加優(yōu)雅的方式去輸出調(diào)試信息呢？
有的。使用debug.js就好了。
貌似看到過一次，有人在iPhone上打開了控制臺，如果有人知道，請告訴我。
debug.js會把調(diào)試信息顯示在網(wǎng)頁上，很方便的就能看到。原理也十分簡單，動態(tài)創(chuàng)建dom元素，然后append到頁面中。
先睹為快你可以點這里看到使用debug.js的網(wǎng)頁，想說它真的非常好看，你也可以用手機(jī)掃描二維碼訪問。
如何使用debug.js引入debug.js后，你會得到debug這個方法，它是掛載在window下面的。
debug.js的api十分簡潔簡單，如果你沒啥追求，就直接使用這么使用：
debug.log("一個優(yōu)雅的調(diào)試信息");
你就會在網(wǎng)頁頂部看到一個優(yōu)雅的調(diào)試信息。
如果你不滿足于此，你追求色彩，追求調(diào)試類型，那么debug.js還提供了其他幾個實用的方法：
debug.success()
debug.warn()
debug.error()
debug.danger()
意思就不用解釋了，有了這些，輸出的調(diào)試信息也繽紛了起來，似乎人生也變得colorful。
額，突然覺得說完了，就這么簡單，講述起來簡單，理解和使用起來亦是如此。
深入了解debug.js你可以在Github上關(guān)注或者Forkdebug.js。
如果你關(guān)心如何實現(xiàn)，可以點這里看到debug.js的源碼實現(xiàn)。
色彩我喜歡各種各樣的色彩，我喜歡彩色的物品，住的地方有各種彩色的元素，比如沙發(fā)，比如床單，比如T恤上的涂鴉。我不太會統(tǒng)一所有的東西，比如我的儲物柜是綠色的，那么我的垃圾桶可能就是黃色，我的熱水壺可能就是紅色。也因此設(shè)計了豐富多彩的debug.js。也許這算是某種怪癖吧，你呢？喜歡彩色么？
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/87650.html
摘要：這也成為了一些開發(fā)者跨入移動開發(fā)大門的第一道小門檻。目前已經(jīng)知道了調(diào)試設(shè)置中和。 React Native(以下簡稱RN)為傳統(tǒng)前端開發(fā)者打開了一扇新的大門。其中，使用瀏覽器的調(diào)試工具去Debug移動端的代碼，無疑是最吸引開發(fā)人員的特性之一。 試想一下，當(dāng)你在手機(jī)屏幕按下一個按鈕，處理事件的代碼就可以立即在瀏覽器的調(diào)試工具里進(jìn)行斷點調(diào)試，而且每當(dāng)你對代碼進(jìn)行修改，界面便可以完成快速地重...
摘要：今天有幸給大家分享一下谷歌瀏覽器針對移動網(wǎng)頁測試的技巧，主要是最近做個微信公共號網(wǎng)站。今天就簡單分享下在谷歌瀏覽器測試頁面的適配和網(wǎng)速限制展示。、 今天有幸給大家分享一下谷歌瀏覽器針對移動網(wǎng)頁測試的技巧，主要是最近做個微信公共號網(wǎng)站。所以就要對頁面測試?yán)Ｒ苿泳W(wǎng)頁我們最長測得就是各種手機(jī)大小的頁面效果和出現(xiàn)網(wǎng)絡(luò)問題的效果展示。 今天就簡單分享下在谷歌瀏覽器測試頁面的適配和網(wǎng)速限制展示。 頁...
摘要：性能卓越的模板引擎簡潔的模版語法，簡單的，關(guān)鍵還能前后端共用模板，簡直就是前端開發(fā)利器。是由阿里巴巴部門推出的矢量圖標(biāo)管理網(wǎng)站。是一個簡單的設(shè)備檢測工具。 artTemplate 性能卓越的 js 模板引擎 簡潔的模版語法，簡單的API，關(guān)鍵還能前后端（Nodejs）共用模板，簡直就是前端開發(fā)利器。今天有個想法，把artTemplate封裝下，模版render后給input等注冊幾個事...
閱讀 836·2025-02-07 13:29
閱讀 644·2024-11-07 18:25
閱讀 131094·2024-02-01 10:43
閱讀 1060·2024-01-31 14:58
閱讀 1022·2024-01-31 14:54
閱讀 83215·2024-01-29 17:11
閱讀 3497·2024-01-25 14:55
閱讀 2216·2023-06-02 13:36
