V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Get Google Chrome
Vimium · 在 Chrome 里使用 vim 快捷键
FaiChou
V2EX  ›  Chrome

前端开发的你们, 发现了 chrome devtools 有哪些炫技?

  •  1
     
  •   FaiChou · 2018-03-08 09:28:23 +08:00 · 2240 次点击
    这是一个创建于 2444 天前的主题,其中的信息可能已经有所发展或是发生改变。

    入门前端开发半年, 一些工具的依赖, 知识的积累对发展有帮助

    • -method: OPTIONS 可以剔除 get/post 方法的 OPTIONS 请求

    https://ws3.sinaimg.cn/large/006tNc79gy1fp559d2791j316i0vygx7.jpg

    https://ws3.sinaimg.cn/large/006tNc79gy1fp559d2791j316i0vygx7.jpg

    • 经常写一些javascript:...放到书签上,用来对当前网页执行一段 js

    • Cmd/Ctrl+Shift+P(在 devtools 窗口) 找到 capture,可以对整个网页 /某个 node 节点截(长)图

    https://ws2.sinaimg.cn/large/006tNc79gy1fp55gjb2lwj31h40yoqer.jpg

    https://ws2.sinaimg.cn/large/006tNc79gy1fp55gjb2lwj31h40yoqer.jpg

    抛砖引玉 😄

    2 条回复    2018-03-08 09:53:50 +08:00
    crab
        1
    crab  
       2018-03-08 09:41:55 +08:00
    搭车问下有知道怎么让 preserve log 默认打勾的吗?
    FaiChou
        2
    FaiChou  
    OP
       2018-03-08 09:53:50 +08:00   ❤️ 1
    @crab



    好像没办法
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3392 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 04:45 · PVG 12:45 · LAX 20:45 · JFK 23:45
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.