|簡體中文
開啟輔助訪問 設為首頁收藏本站切換到寬版

比思論壇

 找回密碼
 按這成為會員
搜索
比思論壇»比思論壇 › 電腦教室 › 其他系統討論 › 13102022 › Chrome开发者工具各种技巧



返回列表
查看: 1106|回復: 1
打印 上一主題 下一主題

Chrome开发者工具各种技巧

[複製鏈接]
hncszz

1217

主題

4

好友

8073

積分

教授

Rank: 8Rank: 8

  • TA的每日心情
    開心
    2025-3-23 17:56

    • 簽到天數: 742 天

    [LV.9]以壇為家II

    推廣值
    0
    貢獻值
    2
    金錢
    889
    威望
    8073
    主題
    1217
    樓主
    發表於 2019-11-15 11:09:08

         曾经，在线调伪类样式困扰过你?
        源代码快速定位到某一行!ctrl + p
        联调接口失败时，后台老哥总管你要response?
        你还一层层展开dom?Alt + Click
        是不是报错了，你才去打断点?
        你是不是经常想不起来，在哪绑定事件的?
        你是不是打断点时还要去改代码?
        看dom层级的最直观的方式?
        查一些特定的请求，过滤器用过吗?
        在Elements面板调整dom结构很不方便?
        想知道，某图片加载的代码在哪?Initiator!!
        不想加载某个文件了?

    对于每个前端从业者来说，除了F5键之外，用的最多的另外一个键就是F12了。

    最近大神推荐我一个网站，才知道chrome还有各种骚姿势。这个网站是：umaar.com/dev-tips/，本文分享一些实用且聪明的调试技巧。
    返回列表
    重要聲明：本論壇是以即時上載留言的方式運作，比思論壇對所有留言的真實性、完整性及立場等，不負任何法律責任。而一切留言之言論只代表留言者個人意見，並非本網站之立場，讀者及用戶不應信賴內容，並應自行判斷內容之真實性。於有關情形下，讀者及用戶應尋求專業意見(如涉及醫療、法律或投資等問題)。 由於本論壇受到「即時上載留言」運作方式所規限，故不能完全監察所有留言，若讀者及用戶發現有留言出現問題，請聯絡我們。 比思論壇有權刪除任何留言及拒絕任何人士上載留言 (刪除前或不會作事先警告及通知 )，同時亦有不刪除留言的權利，如有任何爭議，管理員擁有最終的詮釋權。用戶切勿撰寫粗言穢語、誹謗、渲染色情暴力或人身攻擊的言論，敬請自律。本網站保留一切法律權利。

    手機版| 廣告聯繫

    GMT+8, 2025-10-31 09:53 , Processed in 0.026109 second(s), 19 queries , Gzip On, Memcache On.

    Powered by Discuz! X2.5

    © 2001-2012 Comsenz Inc.

    回頂部