有人在代码里下毒，啊……
0%

发表于 更新于 Valine：

web-animation-api.gif

补充

很多地方的右键上下文菜单上有这个Store as global variable 这个选项
作用是在 console 面板存成全局变量,因为对象的引用类型,修改这个全局变量,其实就是改变原对象的值,很强大。

将DOM变成全局变量

image.png

将事件的处理函数作为全局变量

image.png

打断点时候的任意一个局部变量

image.png

消息的响应体预览界面

image.png

还有其他我没发现的地方

请大家评论区补充

发表于 更新于 Valine：

auto-open-devtools.gif

--auto-open-devtools-for-tabs 新打开的标签页,带上devtools工具
比如新打开的页面有重定向问题,但是由于没有打开devtools会导致在Network面板看不到任何有用的信息.

补充

老外给的图里面是使用命令行启动，苹果机器的，在windows下可以创建快接方式，在快捷方式里带上参数即可
image.png

没生效！！

添加启动参数后,发现没生效。已经打开了一个浏览器实例导致的。关闭所有的Chrome浏览器，再通过这个快接方式打开就能生效了。

让Chrome支持跨域调用

本地调试小程序挺好用的,不用代理服务器
--disable-web-security --user-data-dir=C:\MyChromeDevUserData 高版本Chrome需要--user-data-dir这个参数才可以使disable-web-security生效,后面是个例子
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir=C:\MyChromeDevUserData

讨论

老铁们,还有些什么有用的启动命令可以在评论区发下

发表于 更新于 Valine：

blackboxing.gif
比如我们自己封装了一个 log.js,里面调用了console.log()。
所有打印出来的日志都定位到这个log.js文件,这不是我们想要。我们可以把 log.js设置成 Blackboxing Script。
这样就能定位到上一个调用栈的方法上了。

补充

真心很实用的功能，以前不知道可以这么玩，我是在打印的位置设置断点，看调用栈，再设置断点。把断点取消掉。

发表于 更新于 Valine：

server-timing.gif
nodejs 示例代码

1
2
3
4
5
6
7
8
9
10
11
12
const headers = {
    'Server-Timing': `
        lb=18; "Load Balancer",
        server-3=104; "Server #3 Startup",
        db-read=187; "Database Read",
        aws-download=317; "AWS Content Download",
        db-write=218; "Database Write",
        templating=48; "Templating plugin"
    `.replace(/\n/g, '')
};

response.writeHead(200, headers);

补充

后台这里应该有对应的中间件实现,有兴趣的老铁可以自行搜索下