特性
Node V8.0开始支持使用Chrome Devtools调试工具来调试Node，非常的有用。
Debugger
稳定性：2 稳定
Debugger是基于TCP协议和内置调试客户端可访问的进程外Node.js调试实用程序。
可以在启动Node.js的时候，加上inspect参数，后跟脚本路径，进行调试。 查看全文
Chrome Vue调试工具报错 rawgetter
在开发环境使用Chrome 的Vue Devtools调试工具时，发生报错 TypeError: rawGetter is not a function
具体报错
|
1 2 3 4 5 6 7 8 9 10 11 |
Uncaught TypeError: rawGetter is not a function at wrappedGetter (https://xxx.com/js/modules/vue/vuex.js:634:12) at Vue$3.computed.(anonymous function) (https://xxx.com/js/modules/vue/vuex.js:437:42) at Watcher.get (https://xxx.com/js/modules/vue/vue.js:2752:25) at Watcher.evaluate (https://xxx.com/js/modules/vue/vue.js:2852:21) at Vue$3.computedGetter [as default] (https://xxx.com/js/modules/vue/vue.js:3104:17) at Object.get [as default] (https://xxx.com/js/modules/vue/vuex.js:439:43) at encode (chrome-extension://xxxx/build/backend.js:393:20) at encode (chrome-extension://xxxx/build/backend.js:397:21) at Object.11.exports.stringifyStrict (chrome-extension://xxxx/build/backend.js:469:3) at Object.stringify (chrome-extension://xxxx/build/backend.js:450:20) |
而线上运行的代码没有问题，研究发现是这样的原因导致的
getters.js
|
1 2 |
// 由于全部代码写在modules里，这里暂时输出为空 export default {} |
store.js
|
1 2 3 4 5 6 |
import * as getters from './getters' const store = new Vuex.Store({ getters, ... }) export default store |
运行时发现 getters取到的值是default
所以是粗心的把import代码写错了
改成直接import 即可（其实发现不少人碰到这个问题）
|
1 |
import getters from './getters' |
如果getters.js的代码写法为
|
1 2 |
export function myGetter (state) { ... } export function otherGetter (state) { ... } |
则需要这么引入
|
1 |
import * as getters from './getters' |
2017/08
14 周一
Chrome 59更新日志
前言
本文介绍Chrome 59新特性
概要
CSS与JS代码使用率：在Coverage Tab标签页（Chrome Devtools）标出未使用的CSS与JS代码
全页截图：获取从网页顶部到底部的滚动截图
拦截请求：在Network 面板手动禁止某个请求的返回
Step over async await：调试async函数
统一的菜单命令：在新的统一命令菜单中打开文件与执行命令 查看全文
2017/08
09 周三
Chrome 58 不能使用Fiddler抓Https包的坑
前言
最近把Chrome升级到58以上的版本，发现使用Fiddler不能抓HTTPS的包，会提示“隐私设置错误”、“您的连接不是私密连接”错误。
在尝试各种方案修复之后，发现了更多奇葩的问题。
Chrome 58 不能使用Fiddler抓Https包
Chrome 58+打开HTTPS网站报错如下：
NET::ERR_CERT_COMMON_NAME_INVALID
Issuer: DO_NOT_TRUST_FiddlerRoot 显然是Fiddler生成的证书在Chrome 58不生效。 查看全文
2017/05
03 周三
Chrome使用技巧集锦
Chrome的隐身模式
- 键盘快捷：Ctrl + Shift + N。
- 在Win7下的任务栏处，右击“Chrome”图标，下拉菜单选择“新建隐身窗口”。
- 在页面中，通过“右键点击链接”出现下拉菜单，选择“在隐身窗口中打开链接”，直接进入隐身窗口。
简单一点的说，Chrome的隐身模式的好处就是保护隐私。具体表现在此窗口中查看的网页不会显示在浏览器历史记录或搜索历史记录中，关闭隐身窗口后也不会在计算机上留下 Cookie 之类的痕迹，但会保留所有下载的文件或创建的书签。可以在以下场景中使用隐身模式： 查看全文
2016/12
24 周六