Chrome开发者工具各种技巧

[複製鏈接]

hncszz

1218 主題	4 好友	8055 積分

教授

Rank: 8 Rank: 8

TA的每日心情

	開心 7 天前

簽到天數: 722 天

[LV.9]以壇為家II

推廣值: 0
貢獻值: 2
金錢: 722
威望: 8055
主題: 1218

發消息

樓主

發表於 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, 2024-11-23 05:02 , Processed in 0.043024 second(s), 19 queries , Gzip On, Memcache On.

Powered by Discuz! X2.5

		自動登錄	找回密碼
密碼			按這成為會員