调试 - 收藏集 - 掘金
一个节奏极快的创业公司的 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中每个快捷键的快速参考。虽然一些快捷方式在全局范围内可用,但其他的快捷方式用于特定的某些...