浣犳槸涓嶆槸涔熼亣鍒拌繃杩欑鎯呭喌锛熺敤鎵嬫満鍒风綉椤电獊鐒跺彂鐜版寜閽偣涓嶅姩锛屽浘鐗囧姞杞戒竴鍗婂崱浣忥紝鎬ュ緱鎶撹€虫尃鑵嵈涓嶇煡閬撳摢閲屽嚭闂锛熷搸鍒厡锛佷粖澶╂墜鎶婃墜鏁欎綘鐢ㄣ€屾墜鏈烘帶鍒跺彴銆嶆彧鍑洪棶棰樺厓鍑讹紝鐪嬪畬鍖呬綘鎴愪负琛岃蛋鐨勮皟璇曞皬鑳芥墜锛?/p>

馃攳 鎵嬫満鎺у埗鍙板埌搴曟槸涓暐锛熻兘鍚冨悧锛?/h3>

锛堟姄鎶撳ご锛夊厛鍒€ョ潃鎵捐彍鍗曪紒鎺у埗鍙板叾瀹炴槸钘忓湪娴忚鍣ㄩ噷鐨勩€岀▼搴忓憳瀵硅鏈恒€嶏紝鑳藉疄鏃舵樉绀虹綉椤佃繍琛屾椂鐨勯敊璇俊鎭€佺綉缁滆姹傜姸鎬侊紝鐢氳嚦杩樿兘璁╀綘涓存椂淇敼椤甸潰鏍峰紡銆備妇涓牀瀛愷煂帮細涓婂懆鎴戞湅鍙嬪仛鐨勫皬绋嬪簭鍦ㄧ數鑴戜笂濂藉ソ鐨勶紝涓€鍒版墜鏈哄氨鐧藉睆锛屾渶鍚庡氨鏄潬鎺у埗鍙板彂鐜版槸鏌愪釜鍥剧墖閾炬帴鍐欓敊浜嗐€?/p>

---

馃毃 涓轰粈涔堟墜鏈鸿皟璇曡繖涔堥夯鐑︼紵

锛堟憡鎵嬶級杩欎簨鍎垮緱鎬笉鍚屾祻瑙堝櫒鐨勩€屽皬鑴炬皵銆嶏紒鐢佃剳涓婄殑Chrome鎸塅12灏辫兘鍙敜鎺у埗鍙帮紝浣嗘墜鏈哄睆骞曞氨杩欎箞鐐瑰ぇ锛屽悇瀹舵祻瑙堝櫒閮芥妸璋冭瘯鍔熻兘钘忓緱璺熸崏杩疯棌浼肩殑銆備笉杩囧埆鎷呭績锛屾垜鏁寸悊浜?涓翰娴嬫湁鏁堢殑缁濇嫑锛?/p>

馃摫 鏂规硶涓€锛氱敤娴忚鍣ㄨ嚜甯︾殑绉樺瘑姝﹀櫒

鈥?strong>鈥嬮€傜敤鍦烘櫙鈥?/strong>鈥嬶細涓存椂鏌ョ湅绠€鍗曢敊璇?br/> 鈥?strong>鈥嬫帹鑽愭寚鏁扳€?/strong>鈥嬶細猸愨瓙猸?/p>

1. 鎵撳紑鎵嬫満QQ娴忚鍣紙鍏朵粬娴忚鍣ㄦ搷浣滅被浼硷級
2. 鍦ㄥ湴鍧€鏍忚緭鍏ワ細about:debug
3. 绁炲鐨勪簨鎯呭彂鐢熶簡锛佸簳閮ㄧ獊鐒跺嚭鐜般€屽紑鍙戣€呭伐鍏枫€嶉€夐」
4. 鐐瑰嚮銆孋onsole銆嶆爣绛惧氨鑳界湅鍒伴敊璇俊鎭暒

鈿狅笍娉ㄦ剰锛氳繖涓柟娉曞氨鍍忔场闈⑩€斺€旀柟渚夸絾鍔熻兘鏈夐檺锛屽彧鑳界湅鍩虹鏃ュ織

馃寪 鏂规硶浜岋細鐢佃剳杩滅▼鎿嶆帶鏈紙楂橀樁鐜╂硶锛?/h3>

鈥?strong>鈥嬮€傜敤鍦烘櫙鈥?/strong>鈥嬶細闇€瑕佸畬鏁磋皟璇曞姛鑳?br/> 鈥?strong>鈥嬫帹鑽愬伐鍏封€?/strong>鈥嬶細Chrome + 鏁版嵁绾?br/> 鈥?strong>鈥嬬嫭瀹舵暟鎹€?/strong>鈥嬶細85%鐨勫墠绔伐绋嬪笀閮界敤杩欐嫑锛?/p>

1. 鎵嬫満寮€鍚疷SB璋冭瘯妯″紡锛堣缃啋鍏充簬鎵嬫満鈫掔媯鐐圭増鏈彿婵€娲诲紑鍙戣€呴€夐」锛?/li>
2. 鐢ㄦ暟鎹嚎杩炴帴鐢佃剳
3. 鐢佃剳Chrome璁块棶锛?code>chrome://inspect
4. 閫夋嫨浣犵殑鎵嬫満缃戦〉鈫掔偣鍑汇€孖nspect銆?/li>

馃挕绐佺劧寮€绐嶏細杩欐椂鍊欎綘鐨勬墜鏈哄睆骞曚細瀹炴椂鎶曞奖鍒扮數鑴戜笂锛岃繕鑳界洿鎺ヤ慨鏀笴SS鏍峰紡锛佷笂鍛ㄦ垜灏辨槸鐢ㄨ繖鎷涘府瀹㈡埛鏀逛簡17澶勬帓鐗堥棶棰橈紝鏁堢巼鐩存帴缈诲€嶏紒

---

馃洜锔?鏂规硶涓夛細绗笁鏂硅皟璇曠鍣?/h3>

鈥?strong>鈥嬫帹鑽怉pp鈥?/strong>鈥嬶細Eruda锛堝厤璐瑰紑婧愶級
鈥?strong>鈥嬩紭鐐光€?/strong>鈥嬶細涓嶇敤鏁版嵁绾匡紒涓嶇敤鐢佃剳锛?br/> 鈥?strong>鈥嬬己鐐光€?/strong>鈥嬶細闇€瑕佺粰缃戦〉鍔犱唬鐮?/p>

1. 鍦ㄧ綉椤甸噷鎻掑叆锛?/li>

html杩愯澶嶅埗
<script src="//cdn.jsdelivr.net/npm/eruda">script>
<script>eruda.init()script>

1. 鍒锋柊椤甸潰鍚庡彸涓嬭浼氬嚭鐜扮豢鑹茶皟璇曟寜閽?/li>
2. 鐐瑰紑灏辫兘鐪嬪埌瀹屾暣鎺у埗鍙帮紝杩樿兘娴嬬綉閫熸煡鍐呭瓨锛?/li>

锛堟尃涓嬪反锛夎繖涓柟娉曠壒鍒€傚悎澶栧寘灏忓摜鈥斺€斿幓瀹㈡埛鍏徃婕旂ず鏃舵帍鍑烘墜鏈哄氨鑳界幇鍦烘敼bug锛岀敳鏂圭埜鐖哥湅浜嗙洿绔栧ぇ鎷囨寚馃憤

---

鉂?甯歌闂鎬ユ晳绔?/h3>

鈥?strong>鈥婹锛氫负鍟ユ垜鎸夋暀绋嬫搷浣滄病鍙嶅簲锛熲€?/strong>鈥?br/> A锛氬叓鎴愭槸娴忚鍣ㄧ増鏈お鏃э紒寤鸿鐢–hrome/QQ娴忚鍣ㄦ渶鏂扮増

鈥?strong>鈥婹锛氭帶鍒跺彴鍏ㄦ槸鑻辨枃鐪嬩笉鎳傚拫鏁达紵鈥?/strong>鈥?br/> A锛氳瘯璇曞彸閿炕璇戞垚涓枃锛屾垨鑰呯洿鎺ユ埅鍥惧彂鎶€鏈兢閲岋紙鍒棶鎴戞€庝箞鐭ラ亾鐨勶級

鈥?strong>鈥婹锛氫細涓嶅皬蹇冨垹搴撹窇璺悧锛熲€?/strong>鈥?br/> A锛氾紙鎲嬬瑧锛夋帶鍒跺彴灏卞儚姹借溅浠〃鐩橈紝浣犱贡鎸夐《澶氳缃戦〉鏆傛椂鎶介锛屽埛鏂板氨鎭㈠浜?/p>

---

馃搳 涓夌鏂规硶瀵规瘮琛?/h3>

缁村害	娴忚鍣ㄨ嚜甯?/th>	杩滅▼璋冭瘯	绗笁鏂瑰伐鍏?/th>
鏂逛究绋嬪害	猸愨瓙猸愨瓙	猸愨瓙	猸愨瓙猸?/td>
鍔熻兘瀹屾暣搴?/td>	猸?/td>	猸愨瓙猸愨瓙猸?/td>	猸愨瓙猸愨瓙
瀛︿範鎴愭湰	骞煎効鍥按骞?/td>	澶у姘村钩	涓姘村钩

---

馃挰 鎴戠殑绉佹埧璇?/h3>

骞蹭簡5骞村墠绔殑鑰佹补鏉″憡璇変綘锛氬埆琚偅浜涘鏉傛暀绋嬪悡鍒帮紒鎴戝垰寮€濮嬪鐨勬椂鍊欙紝鍏夋壘鎺у埗鍙板叆鍙ｅ氨鑺变簡3灏忔椂锛屾渶鍚庡彂鐜版槸琚祻瑙堝櫒鐨偆涓婚缁欓獥浜嗭紙绗戯級銆傜幇鍦ㄦ瘡娆＄湅鍒版柊浜哄鐫€鎵嬫満鎶撶媯锛屽氨鎯宠捣褰撳勾瀵圭潃鐢佃剳灞忓箷鍟冩场闈㈢殑鑷繁...锛堢獊鐒舵缁忥級璇寸湡鐨勶紝鎺屾彙鎵嬫満璋冭瘯灏卞儚鑾峰緱瓒呰兘鍔涒€斺€斾笂鍛ㄥ湴閾佷笂鎴戝氨鐢‥ruda淇ソ浜嗗鎴风殑404椤甸潰锛屽埌绔欏墠杩樻敹浜嗗熬娆撅紒

---

锛堟姮澶寸湅閽燂級鍝庡憖锛屼笉鐭ヤ笉瑙夎浜嗚繖涔堝锛佹渶鍚庨€佷釜褰╄泲馃巵锛氬湪鎺у埗鍙拌緭鍏?code>document.designMode="on"锛屼綘鍙互鐩存帴淇敼缃戦〉鏂囧瓧鈥斺€斾笅娆℃湅鍙嬬敓鏃ワ紝鎶婁粬甯搁€涚殑缃戠珯鏍囬鏀规垚绁濈璇紝淇濆噯璁╀粬鎯婃帀涓嬪反锛?/p>

本文由嘻道妙招独家原创，未经允许，严禁转载