调试 - 收藏集 - 掘金
一个节奏极快的创业公司的 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/frontenddriver 随着移动端的不断推进，移动调试也成为了前端同学们面临的一...
聊聊前端代码异常监控 - 前端 - 掘金
在平时的工作，js报错是比较常见的一个情景，尤其是有一些错误可能我们在本地测试的时候测试不出来，当发布到线上之后才可以发现，如果抢救及时，那还好，假如很晚才发 现，那就可能造成很大的损失了...
Chrome DevTools 官方文档 – 键盘和 UI 快捷键参考 - 前端 - 掘金
原文已经修改，只剩键盘快捷键，译文暂不修改。 Chrome DevTools有几个内置的快捷键，可以节省你的日常工作的时间。 本指南提供了Chrome DevTools中每个快捷键的快速参考。虽然一些快捷方式在全局范围内可用，但其他的快捷方式用于特定的某些...
