做为前端开发，想必大家都写过 Node.js 的代码，也大概率用 debugger 断点调试过。
一些调试工具 说起手机端调试，相比大家都不陌生。 由于手机浏览器没有像PC端浏览器一样有开发调试工具，所以一般手机端的调试都要借助于电脑，现在的调试方式通常有以下几种。 直接在chrome, firefox等开启模拟器调试简单直接，还能模拟网络等，但是仍然无法100%还原手机的真实情况。 实现一套pc调试面板 采用这种实现方式有weinre，weinre很早前就比较流行了，使用也比较广泛，运行后会在PC上生成一个像chrome开发工具一样的调试器。能对手机进行远程调试，能操作DOM，打印console输出等
2、除了在插件内部contenscript background 和 popup之间传递消息以外，其他网站也可以给插件发送消息。方法如下 首先，需要增加配置 externally_connectable:{matches:[“https://*.xxx.com/”]}指定允许哪些网站可以给当前插件发送消息，相当于白名单，只有在白名单中的站点发送的消息，扩展才会监听
在调试程序时总是会遇到各种挑战。Node.js 的异步工作流为这一艰巨的过程增加了额外的复杂性。尽管 V8 引擎为了方便访问异步栈跟踪进行了一些更新，但是在很多数情况下，我们只会在程序主线程上遇到错误，这使得调试有些困难。同样，当我们的 Node.js 程序崩溃时，通常需要依靠一些复杂的 CLI 工具来分析核心转储[1]。
在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。本文将向大家分享React Native程序调试的一些技巧和心得。 Developer Menu Developer Menu是React Native给开发者定制的一个开发者菜单，来帮助开发者调试React Native应用。 提示：生产环境release (production) 下Developer Menu是不可用的。 如何开启Dev
本文出自《React Native学习笔记》系列文章。 在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。本文将向大家分享React Native程序调试的一些技巧和心得。 Developer Menu Developer Menu是React Native给开发者定制的一个开发者菜单，来帮助开发者调试React Native应用。 提示：生产环境release (production)
在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。 Developer Menu Android模拟器： 可以通过Command⌘ + M 快捷键来快速打开Developer Menu。也可以通过模拟器上的菜单键来打开。 iOS模拟器： 可以通过Command⌘ + D快捷键来快速打开Developer Menu。 在真机上开启Developer Menu： 在真机上你可以通过摇动手机来开启
Chrome的开发者工具是个很强大的东西，相信程序员们都不会陌生，不过有些小功能可能并不为大众所知，所以，写下这篇文章罗列一下可能你所不知道的功能，有的功能可能会比较实用，有的则不一定，也欢迎大家补
Chrome的开发者工具是个很强大的东西，不过有些小功能可能并不为大众所知，所以，本文罗列了一些可能你所不知道的实用功能，也欢迎大家补充交流。话不多话，我们开始。
未来Google Chrome的某个版本将支持懒加载，这是一种延迟加载图像和iframe的机制，如果它们加载时在用户的屏幕上不可见的话。
Chrome的开发者工具是个很强大的东西，相信程序员们都不会陌生，不过有些小功能可能并不为大众所知，所以，写下这篇文章罗列一下可能你所不知道的功能，有的功能可能会比较实用，有的则不一定，也欢迎大家补充交流。
本文采用CC-BY-SA-3.0协议，转载请注明出处 Author: ph0ebus
系列目录 前言 1.本次主要弥补工作流，用户表单数据的打印 2.使用JQprint做为web打印插件 3.兼容：FireFox,Chrome,IE、 4.没有依赖也没有配置，使用简单 代码下
前言：调试技巧，在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧，必定能在工作中起到事半功倍的效果。譬如，快速定位问题、降低故障概率、帮助分析逻辑错误等等。而在互联网前端开发越来越重要的今天，如何在前端开发中降低开发成本，提升工作效率，掌握前端开发调试技巧尤为重要。 本文将一一讲解各种前端JS调试技巧，也许你已经熟练掌握，那让我们一起来温习，也许有你没见过的方法，不妨一起来学习，也许你尚不知如何调试，赶紧趁此机会填补空白。 骨灰级调试大师Alert 那还是互联网刚刚起步的时代，网页前端还主要以内
在本文中，我将展示如何使用 Node.js、Puppeteer、headless Chrome 和 Docker 从样式复杂的 React 页面生成 PDF 文档。
对于开发者来说，在开发应用程序的过程中，往往为了开发方便和解决bug需要借助于编程语言的调试功能。一般来说我们需要借助于强大IDE的调试功能来完成这项工作。nodejs也不例外。
在某些情况下，用Chrome Devtool进行调试可能不太方便，或者我们连接GUI不是特别容易，比如用浏览器调试移动应用。
对于Chrome 浏览器，除了占用内存的缺点，其他都很不错。对于Chrome 浏览器的开发者工具，Jeff 除了Elements、Resources、Network、Console这四个标签页用得比较多外，其他的都甚少理解。今天偶然看到一篇Chrome 浏览器开发者工具的使用教程，感觉不错，顺便转载在这里，感谢原作者的辛苦劳动。 作为一个Web开发人员，除了上面的原因以外，与我们开发相关的，就是Chrome的开发者工具。而本文，就是要详细说说Chrome的开发者工具，说说我为什么认为它比Firebug要好用
调试技巧，在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧，必定能在编码中起到事半功倍的效果。譬如，快速定位问题、降低故障概率、帮助分析逻辑错误等等。而在互联网前端开发越来越重要的今天，如何在前端开发中降低开发成本，提升工作效率，掌握前端开发调试技巧尤为重要。 老九君今天将为小伙伴们一一讲解各种前端JS调试技巧，也许有的小伙伴们已经熟练掌握，那让我们一起来温习，也许有的小伙伴还没见过这种调试方法，不妨一起来学习，也许有的小伙伴还尚不知如何调试，赶紧趁此机会填补空白。 骨灰级调试大师Alert 那
Selenium是一个用于测试网站的自动化测试工具，支持各种浏览器包括Chrome、Firefox、Safari等主流界面浏览器，同时也支持phantomJS无界面浏览器。
怎样打开Chrome的开发者工具？ 你可以直接在页面上点击右键，然后选择审查元素： 或者在Chrome的工具中找到： 或者，你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shif
上传 html文件内容如下：操作步骤 <html <head <meta http-equiv="content-type" content="text/html;charset=utf-8" / <title upload_file</title <script type="text/javascript" async="" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" </script <link
上期我们讲了一些selenium一些最近的元素定位，触发事件，等待等等，今天我们继续来看看接下来的知识点。
Chrome 插件是我们经常用到的，比如广告屏蔽，浏览器美化，访问国外网站等。但是你有想过 Chrome 插件是如何开发的吗？出于好奇，今天我们一起从 0 到 1 开发一个超级无敌简单的 Chrome 插件，目的只为入门 Chrome 插件基础开发。
点击上方蓝字，发现更多精彩 导语 对于webassembly开发者来说，调试代码曾是一件比较痛苦的事情。好消息是，近期chrome canary已支持更高级的调试，本篇对调试方法进行一个实践。 对于webassembly开发者来说，调试代码曾是一件比较痛苦的事情。我们用一个例子来演示调试。一个简单的c文件 index.c： int main(int argc, char *argv[]) int a = 1; printf("hello world, %d\n", a); return 0;} 编
最近制作诗词日历的 PDF 版本， 准备打印一下做成实体日历。之前我写过一篇优化 print 样式的文章，在 Google 上搜索page to pdf, 大多数都是把默认页面的样式打印， 而非使用 @media print 样式打印， 后面做了很多查询， 才发现 PyQt 可以使用 @media print 打印.
Puppeteer 是一个 Node library，提供了一套完整的通过 DevTools 协议操纵 Chrome 或 Chromium 的 API。Puppeteer 默认以 无头（headless） 的方式运行, 也可以使用 GUI 的方式运行 Chrome 和 Chromium。
Chrome 是 Google 出品的一款非常优秀的浏览器，其内置了开发者工具（Windows 系统中按下 F12 即可开启），可以让我们方便地对 JavaScript 代码进行调试。
由于移动端网页开发不能直接打开developer tools，导致我们调试起来稍微麻烦。好在我们有解决方案： Remote Devices 谷歌为我们提供的开发利器，让我们可以在电脑端使用developer tools进行elements检查和network监测，非常方便快捷。 使用方式：
接着几个月之前的（数据科学学习手札31）基于Python的网络数据采集（初级篇），在那篇文章中，我们介绍了关于网络爬虫的基础知识（基本的请求库，基本的解析库，CSS，正则表达式等），在那篇文章中我们只介绍了如何利用urllib、requests这样的请求库来将我们的程序模拟成一个请求网络服务的一端，来直接取得设置好的url地址中朴素的网页内容，再利用BeautifulSoup或pyspider这样的解析库来对获取的网页内容进行解析，在初级篇中我们也只了解到如何爬取静态网页，那是网络爬虫中最简单的部分，事实上，现在但凡有价值的网站都或多或少存在着自己的一套反爬机制，例如利用JS脚本来控制网页中部分内容的请求和显示，使得最原始的直接修改静态目标页面url地址来更改页面的方式失效，这一部分，我在（数据科学学习手札47）基于Python的网络数据采集实战（2）中爬取马蜂窝景点页面下蜂蜂点评区域用户评论内容的时候，也详细介绍过，但之前我在所有爬虫相关的文章中介绍的内容，都离不开这样的一个过程：
使用node.js开发已经有一段时间了，最开始的调试是使用工具node-inspector；不过node-inspector已经很长一段时间不能用了。 现在要调试node.js程序需要使用新的方式。 新的调试的方式有很多种，本文将介绍一种简单直接的方式。
本周跟着 Tasks, microtasks, queues and schedules 这篇文章一起深入理解这些概念间的区别。
以上代码为selenium获取页面加载过程中预加载的各类静态资源文件链接，使用该功能获取到链接后，使用其他插件进行可对资源进行下载！
进行各种各样的网页爬虫过程中，有些网页直接httpclient拿过来就能用，但是有些网站是需要等待js加载样式或者某些值的，使用httpclient没办法设置js等待时间，然后再抓取值。
* 开发时，在自己电脑上运行得好好的，在手机上打开就挂了，但是手机上又看不到error log…
小技巧：不同类型的数据从 console 中打印出的颜色也不相同，可以借此判断数据类型
看《重来》的时候有提到，把自己的需求做成产品，给更多人提供价值。 就是本篇的文章的由来。
下载 官网地址：http://www.goldgrid.com/jinge_download/index.aspx?num=5 解压后的文件 js文件中有两个重要的js文件iWebOffice
Puppeteer 是 Chrome开发团队2017年发布的一个 Node.js包，提供了一组用来操纵Chrome的API，通俗来说就是一个Headless Chrome浏览器，这Headless Chrome也可以配置成有UI的 。利用Puppeteer可以做到爬取页面数据，页面截屏或者生成PDF文件，前端自动化测试（模拟输入/点击/键盘行为）以及捕获站点的时间线，分析网站性能问题。
了解浏览器器插件，这里专指 Chrome Extension（CE）的基本知识和运行原理
在程序开发中，如何快速的查找定位问题是一项非常重要的基本功。在实际开发过程中，或多或少都会遇到程序出现问题导致无法正常运行的情况，因此，调试代码就变成了一项无法避免的工作。这里简单介绍下如何调试 node.js 程序。
写前端页面时候肯定用得到Chrome的控制台，在Console下调试各种bug是常有的事，话不多说，上干货。文末有彩蛋哦(*^▽^*)。
whistle 相当于一个连接客户端和远程服务器的“中转站”，当你向服务器发出请求后，代理服务器先获取用户的请求，再将服务请求转发至远程服务器，并将远程服务器反馈的结果再转交给客户端。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
