濡翠涓浣跨Chrome寮伐

濡翠涓浣跨Chrome寮伐

瀵逛簬鏈枃锛屼綔涓轰竴涓猈eb寮鍙戜汉鍛橈紝闄や簡涓婇潰鐨勫師鍥犱互澶栵紝涓庢垜浠紑鍙戠浉鍏崇殑锛屽氨鏄疌hrome鐨勫紑鍙戣呭伐鍏枫傝屾湰鏂囷紝灏辨槸瑕佽缁嗚璇碈hrome鐨勫紑鍙戣呭伐鍏凤紝璇磋鎴戜负浠涔堣涓哄畠姣擣irebug瑕佸ソ鐢ㄣ
鎬庢牱鎵撳紑璋锋瓕娴忚鍣ㄧ殑寮鍙戣呭伐鍏?
浣犲彲浠ョ洿鎺ュ湪椤甸潰涓婄偣鍑诲彸閿紝鐒跺悗閫夋嫨瀹℃煡鍏冪礌锛
鎴栬呭湪Chrome鐨勫伐鍏蜂腑鎵惧埌锛
鎴栬咃紝浣犵洿鎺ヨ浣忚繖涓揩鎹锋柟寮忥細 CtrlShiftI (鎴栬匔trlShiftJ鐩存帴鎵撳紑鎺у埗鍙)锛屾垨鑰呯洿鎺ユ寜F12銆
鎵撳紑鐨勫紑鍙戣呭伐鍏峰氨闀夸笅闈㈢殑鏍峰瓙鏃╂縺锛
涓嶈繃鎴戜竴鑸範鎯笌鐐瑰乏涓嬭鐨勯偅涓寜閽紝灏嗗紑鍙戣呭伐鍏峰脊鍑轰綔涓轰竴涓嫭绔嬬殑绐楀彛锛
涓嬮潰鏉ュ垎鍒涓嬫瘡涓猅ab鐨勪綔鐢ㄣ
Elements鏍囩椤
杩欎釜灏辨槸鏌ョ湅銆佺紪杈戦〉闈笂鐨勫厓绱狅紝鍖呮嫭HTML鍜孋SS锛
宸︿晶灏辨槸瀵归〉闈TML缁撴瀯鐨勬煡鐪嬩笌缂栬緫锛屼綘鍙互鐩存帴鍦ㄦ煇涓厓绱犱笂鍙屽嚮淇敼鍏冪礌鐨勫睘鎬э紝鎴栬呬綘鐐瑰彸閿"Edit as
Html"鐩存帴瀵瑰厓绱犵殑HTML杩涜缂栬緫锛屾垨鑰呭垹闄ゆ煇涓厓绱狅紝鎵鏈夌殑淇敼閮戒細鍗虫椂鍦ㄩ〉闈笂寰楀埌鍛堢幇銆(娉細鐪嬪埌涓婇潰鍙抽敭鑿滃崟鐨勬渶鍚庝竴涓夐」"瀹℃煡鍏冪礌"浜嗕箞?杩欐槸涓嶆槸璇存槑杩欎釜寮鍙戣呭伐鍏风殑椤甸潰涔熸槸HTML鏉ョ殑鍛?浣犳ū杈╃偣涓涓嬪氨鐭ラ亾浜嗗摝锛屽樋鍢)
浣犺繕鍙互瀵规煇涓厓绱犺繘琛岀洃鍚紝鍦↗S瀵瑰厓绱犵殑灞炴ф垨鑰匟TML杩涜淇敼鐨勬椂鍊欙紝鐩存帴瑙﹀彂鏂偣锛岃烦杞埌瀵规敼鍏冪礌杩涜淇敼鐨凧S浠ｇ爜澶勶細
Elements鏍囩椤电殑鍙充晶鍙互瀵瑰厓绱犵殑CSS杩涜鏌ョ湅涓庣紪杈戜慨鏀癸細
浣犺繕鍙互閫氳繃杩欓噷鐪嬪埌鍚凜SS閫夋嫨鍣ㄨ缃殑CSS鍊肩殑瑕嗙洊鎯呭喌銆
涓嬮潰鐨凪etrics鍙互鐪嬪埌鍏冪礌鍗犵殑绌洪棿鎯呭喌(瀹姐侀珮銆丳adding銆丮argin绁為┈鐨)锛
娉ㄦ剰鍒颁笂闈㈢殑Properties娌℃湁?杩欎釜寰堟湁鐢ㄥ摝锛屽彲浠ヨ浣犵湅鍒板厓绱犲叿鏈夌殑鏂规硶涓庡睘鎬э紝姣旀煡API鎵嬪唽瑕佹柟渚垮緱澶氬摝(瑕佹敞鎰忔煇浜涙柟娉曞拰灞炴у湪IE銆丗ireFox绛夊叾浠栨祻瑙堝櫒涓嬮潰鐨勬敮鎸佹儏鍐靛摝)銆
Resources鏍囩椤
Resources鏍囩椤靛彲浠ユ煡鐪嬪埌璇锋眰鐨勮祫婧愭儏鍐碉紝鍖呮嫭CSS銆丣S銆佸浘鐗囩瓑鐨勫唴瀹癸紝闄嗛琚滃悓鏃惰繕鍙互鏌ョ湅鍒板瓨鍌ㄧ浉鍏崇殑濡侰ookies銆丠TML5鐨凞atabase鍜孡ocalStore绛夛紝浣犲彲浠ュ瀛樺偍鐨勫唴瀹圭紪杈戝拰鍒犻櫎銆
杩欓噷鐨凜SS鏂囦欢鏈変竴涓ソ鐜╃殑鐗规э紝浣犲彲浠ョ洿鎺ヤ慨鏀笴SS鏂囦欢锛屽苟涓斾慨鏀瑰嵆鏃剁敓鏁堝摝锛
Network鏍囩椤
Network鏍囩椤靛浜庡垎鏋愮綉绔欒姹傜殑缃戠粶鎯呭喌銆佹煡鐪嬫煇涓璇锋眰鐨勮姹傚ご鍜屽搷搴斿ご杩樻湁鍝嶅簲鍐呭寰堟湁鐢紝鐗瑰埆鏄湪鏌ョ湅Ajax绫昏姹傜殑鏃跺欙紝闈炲父鏈夊府鍔┿傛敞鎰忔槸鍦ㄤ綘鎵撳紑Chrome寮鍙戣呭伐鍏峰悗鍙戣捣鐨勮姹傦紝鎵嶄細鍦ㄨ繖閲屾樉绀虹殑鍝︺
鐐瑰嚮宸︿晶鏌愪竴涓叿浣撳幓璇锋眰URL锛屽彲浠ョ湅鍒拌璇锋眰鐨勮缁咹TTP璇锋眰鎯呭喌锛
鎴戜滑鍙互鍦ㄨ繖閲岀湅鍒癏TTP璇锋眰澶淬丠TTP鍝嶅簲澶淬丠TTP杩斿洖鐨勫唴瀹圭瓑淇℃伅锛屽浜庡紑鍙戙佽皟璇曪紝閮芥槸寰堟湁鐢ㄧ殑銆
Scripts鏍囩椤
寰堟槑鏄撅紝杩欎釜鏍囩椤靛氨鏄煡鐪婮S鏂囦欢銆佽皟璇旿S浠ｇ爜鐨勶紝鐩存帴鐪嬩笅鍥剧殑璇存槑锛
杩樻湁浣犲彲浠ユ墦寮Javascript鎺у埗鍙帮紝鍋氫竴浜涘叾浠栫殑鏌ョ湅鎴栬呬慨鏀癸細
浣犵敋鑷宠繕鍙互涓烘煇涓XHR璇锋眰鎴栬呮煇涓浜嬩欢璁剧疆鏂偣锛
Timeline鏍囩椤
娉ㄦ剰杩欎釜Timeline鐨勬爣绛鹃〉涓嶆槸鎸囩綉缁滆姹傜殑鏃堕棿鍝嶅簲鎯呭喌鍝(杩欎釜鍦∟etwork鏍囩椤甸噷鏌ョ湅)锛岃繖涓猅imeline鎸囩殑JS鎵ц鏃堕棿銆侀〉闈㈠厓绱犳覆鏌撴椂闂达細
鐐瑰嚮搴曢儴鐨凴ecord灏卞彲浠ュ紑濮嬪綍鍒堕〉闈笂鎵ц鐨勫唴瀹广(杩欎釜涓嶇啛鎮夛紝璇峰弬鑰冩枃鏈摼鎺)
Profiles鏍囩椤
杩欎釜涓昏鏄仛鎬ц兘浼樺寲鐨勶紝鍖呮嫭鏌ョ湅CPU鎵ц鏃堕棿涓庡唴瀛樺崰鐢細
杩欎釜涔熶笉鐔熸倝锛屼笉澶氳锛岃繕鏄鍙傝冩枃鏈摼鎺ュ惂銆
Audits鏍囩椤
杩欎釜瀵逛簬浼樺寲鍓嶇椤甸潰銆佸姞閫熺綉椤靛姞杞介熷害寰堟湁鐢ㄥ摝(鐩稿綋涓嶻slow)锛
鐐瑰嚮run鎸夐挳锛屽氨鍙互寮濮嬪垎鏋愰〉闈紝鍒嗘瀽瀹屼簡灏卞彲浠ョ湅鍒板垎鏋愮粨鏋滀簡锛
瀹冪敋鑷冲彲浠ュ垎鏋愬嚭椤甸潰涓婃牱寮忚〃涓湁鍝簺CSS鏄病鏈夎浣跨敤鐨勫摝锛
Console鏍囩椤
灏辨槸Javascript鎺у埗鍙颁簡锛
杩欎釜闄や簡鏌ョ湅閿欒淇℃伅銆佹墦鍗拌皟璇曚俊鎭(console.log())銆佸啓涓浜涙祴璇曡剼鏈互澶栵紝杩樺彲浠ュ綋浣淛avascript API鏌ョ湅鐢ㄣ
渚嬪鎴戞兂鏌ョ湅console閮芥湁鍝簺鏂规硶鍜屽睘鎬э紝鎴戝彲浠ョ洿鎺ュ湪Console涓緭鍏"console"骞舵墽琛岋細
鎬庝箞鏍凤紝涓鐩簡鐒朵簡鍚 ?鍐嶄緥濡傛垜鎯虫煡鐪嬫棩鏈熷嚱鏁伴兘鏈夊摢浜涙柟娉曪細
(娉細娉ㄦ剰鍦ㄨ繖閲岀湅鍒扮殑鏌愪簺鏂规硶鍜屽睘鎬ф槸ES5鏂板鐨勶紝璁板緱鍏煎鍏朵粬娴忚鍣ㄧ殑鏀寔鎯呭喌鍝)
缁撹
Google
Chrome闄や簡绠娲併佸揩閫燂紝鐜板湪鐨凜hrome鐨勬彃浠朵篃闈炲父鐨勪赴瀵屼簡銆傝屽浜巜eb寮鍙戣呮潵璇达紝Chrome瀵逛簬HTML5銆丆SS3绛変竴浜涙柊鏍囧噯鐨勬敮鎸佷篃鏄瘮杈冨畬鍠勭殑锛岃屼笖Chrome鐨勫紑鍙戣呭伐鍏锋垜涓汉璁や负鐪熺殑闈炲父濂界敤锛岃繖灏辨槸涓轰粈涔堟垜鍚憌eb寮鍙戣呮帹鑽愪娇鐢–hrome鐨勫師鍥犮