調試 - 收藏集 - 掘金

一個節奏極快的創業公司的 web 前端持續交付心路歷程 - 前端 - 掘金
2014年末，我入職一家創業公司，主要負責web方向團隊。 須要說明的是，這是一家節奏超快，風格強悍的公司。怎麼說呢，就是說今天想出來的點子明天就想，哦不，不僅是想！就是明天必定要上線驗證的風格。 這種超快的節奏下,與之配套的前端工程化配置倒是很是匱乏，因而我...

(譯) 前端調試技巧與訣竅 - 掘金
原文地址：Debugging Tips and Tricks 原文做者：SARAH DRASNER 譯文出自：掘金翻譯計劃 譯者：lsvih 校對者：loveky,ymz1124 前端調試技巧與訣竅 編寫代碼其實只是開發者的一小部分工做。爲了讓工做更有效率...

移動端真機調試指南 - 前端 - 掘金
導語：隨着移動設備的普及以及微信龐大的用戶量，移動端的需求也隨之爆發式增加，平時咱們使用 Chrome 進行手機模擬頁面開發，但模擬終究是模擬，不可避免的仍是須要真機調試，下面就來說講幾種調試方案，但願能對你有所幫助。 系統自帶調試功能 ...

JS 調試常見報錯以及修復方法，快速定位，直中靶心 - 前端 - 掘金
原文《JavaScript Errors and How to Fix Them》做者：Jani Hartikainen翻譯：塗鴉碼農 JavaScript 調試是一場噩夢：首先給出的錯誤很是難以理解，其次給出的行號不總有幫助...

前端高手必備技能：如何在 chrome 開發者工具中觀察函數調用棧、做用域鏈與閉包 - 前端 - 掘金
配圖與本文無關 在前端開發中，有一個很是重要的技能，叫作斷點調試。 在chrome的開發者工具中，經過斷點調試，咱們可以很是方便的一步一步的觀察JavaScript的執行過程，直觀感知函...

『翻譯』有趣的Console對象 - 掘金
Read the original Console對象提供了接口去操做瀏覽器的調試控制檯（像火狐瀏覽器中的控制檯）。它在不一樣瀏覽器中實現細節不一樣，但也有其通用的特性。 Console - Web API 接口 | MDN 下面列舉了一些你可能不知道的Cons...

30 個幫你提高效率的 Chrome 擴展程序 - 閱讀 - 掘金
摘要：做爲一款優秀的瀏覽器，Chrome有不少擴展程序，並且其中一些還能幫你提高工做效率。這篇文章中，咱們就總結了30個效率類Chrome擴展程序，快看看有沒有適合你的吧！ 做爲一款優秀的瀏覽器，Chrome 有不少...

Mindful: Chrome 標籤頁 markdown 筆記擴展應用 - 工具資源 - 掘金
Introducing Mindful A space for your thoughts, ideas, and ongoing tasks ...

WebChromeClient 經常使用 API 與功能使用詳解 - Android - 掘金
在WebView的開發過程當中當你須要使用到一些高級功能能夠經過設置WebChromeClient從而來輔助WebView處理 JavaScript 的對話框、網站圖標、網站title、加載進度等。 WebChromeClient經常使用的API方法 ...

Awesome Chrome 插件集錦 - 工具資源 - 掘金
子曾曰：「工欲善其事，必先利其器。居是邦也。」——語出《論語·衛靈公》；其後一百多年，荀子也在其《勸學》中倡言道：「吾嘗終日而思矣，不如須臾之所學也；吾嘗跂而望矣，不如登高之博見也。登高而招，臂非加長也，而見者遠；順風而呼，聲非加疾也，而聞者彰。假輿馬者，非利...

CHROME 開發者工具的小技巧 - 前端 - 掘金
Chrome的開發者工具是個很強大的東西，相信程序員們都不會陌生，不過有些小功能可能並不爲大衆所知，因此，寫下這篇文章羅列一下可能你所不知道的功能，有的功能可能會比較實用，有的則不必定，也歡迎你們補充交流。 ...

Chrome 教程，谷歌瀏覽器插件推薦 - 工具資源 - 掘金
做爲一個谷歌的」中毒」用戶，用五年的使用經驗告訴你們，谷歌瀏覽器真的是世界上最好的瀏覽器。該有的插件都有，該有 的調試功能都有，開源的不開源的也都有。至於不少人吐槽谷歌的惟一缺點: 內存佔用大的問題，當我切換到Mac上之後就再也不關心這個問題了，由於在mac上，...

前端優化不徹底指南 - 前端 - 掘金
篇幅可能有點長，我想先聊一聊閱讀的方式，我但願你閱讀的時候，可以把我看成你的競爭對手，你的夢想是超越我。你想超越我，就得了解我懂什麼對吧，好，開始閱讀~ ~ 哈哈哈 ~ ~ ~ 歷時144000000毫秒出山的前端優化篇，若你問我有什麼感悟？那我告訴你，看到毫...

有了這些 Chrome 插件，效率提高10倍 - 掘金
Chrome 瀏覽器深受廣大程序員的喜好，把她稱之爲一場瀏覽器革命絕不爲過。而它的插件可以極大地提升生產效率，筆者把本身常常用到的感受不錯的插件分享給你們，同時歡迎大夥兒推薦更多更好玩的插件。 0、Proxy SwitchyOmega Proxy Switch...

推薦 | Chrome 程序猿插件 - 工具資源 - 掘金
我喜歡簡潔，所以當我使用Google Chrome後就對它愛不釋手，Google Chrome功能強大，有着豐富的插件擴展，若是利用好這些，作事效率會事半功倍的，這裏推薦下我正在使用的Chrome插件。 ARC Welder ...

比 console.log 更多－chrome 調試命令 - 前端 - 掘金
chrome dev-tools功能很強大。相信大多數人使用最多的一個api就是console.log，這頗有用，可是這只是chrome 調試api 之一，還有不少其它很是強大的api！推開門，是另外一片風景。 console.log 其它沒啥可講，主要看看其格...

前端 chrome 瀏覽器調試總結 - 前端 - 掘金
「工欲善其事，必先利其器」 恩，這句話我以爲說的特別有道理，舉個例子來講吧，厲害的化妝師都有一套很是專業的刷子，散粉刷負責定妝，眼影刷負責打眼影，各司其職，有了專業的工具才能幹專業的事，這個靈感要來源於以前我想買化妝品時，店裏的海報標語，由此聯想到，若是你想在...

前端優化實踐 - 前端 - 掘金
原文出處： 凹凸實驗室 記得前百度工程師張雲龍說過，頁面前端優化問題絕對不只僅是爲頁面提速的問題，更是工程的問題，有興趣的同窗能夠閱讀《前端工程與性能優化》。裏面有提到根據雅虎14條優化原則，《高性能網站建設指南》以及《高性能網站建設進階指南》中提到的優...

SegmentFault 技術週刊 Vol.15 - 「一天精通 Chrome 開發」 - 工具資源 - 掘金
遍歷 Web 瀏覽器的發展史，有兩個很是關鍵的節點：IE 捆榜到 Windows 系統和 Google Chrome 的發佈，IE 捆綁開始了瀏覽器大範圍的推廣使用，而 Chrome 則成爲瀏覽器進入一個全新階段的起點。 2008 年，在 IE、Firefox...

谷歌插件Image downloader開發之 content script - 掘金
本身運營了一個公衆號，在發文章的時候，須要在網上找一些圖，而有些網站的圖片可能隱藏在屬性或者背景圖中，要下載的時候常常審查元素，查看源碼，不太方便，最近在看一些谷歌插件的api，便順手作了一個插件Image downloader。源碼放到了github上，順便...

聊一聊移動端調試那些事 - 前端 - 掘金
歡迎你們收看聊一聊系列，這一套系列文章，能夠幫助前端工程師們瞭解前端的方方面面（不只僅是代碼）： https://segmentfault.com/blog... 隨着移動端的不斷推動，移動調試也成爲了前端同窗們面臨的一...

聊聊前端代碼異常監控 - 前端 - 掘金
在平時的工做，js報錯是比較常見的一個情景，尤爲是有一些錯誤可能咱們在本地測試的時候測試不出來，當發佈到線上以後才能夠發現，若是搶救及時，那還好，假如很晚才發 現，那就可能形成很大的損失了...

Chrome DevTools 官方文檔 – 鍵盤和 UI 快捷鍵參考 - 前端 - 掘金原文已經修改，只剩鍵盤快捷鍵，譯文暫不修改。 Chrome DevTools有幾個內置的快捷鍵，能夠節省你的平常工做的時間。 本指南提供了Chrome DevTools中每一個快捷鍵的快速參考。雖然一些快捷方式在全局範圍內可用，但其餘的快捷方式用於特定的某些...