如题所述
1ãæå¼ææºwebæ£æ¥å¨ã
éè¿ã设置ã>ãSafariã>ãé«çº§ã>ãWebæ£æ¥å¨ãæå¼ãè§ä¸å¾ï¼ç¹å»æ¥ç大å¾ï¼ï¼å¹¶ä¸ä½ ä¼çå°è¯¥é项ä¸é¢å¯¹çµèæä½çç¸åºæè¿°ï¼ç §å就好ã
2.é¾æ¥çµèï¼Macï¼
2.1 å å¨ææºSafariä¸æå¼ä½ æ³è°è¯çç½é¡µï¼å¹¶ç¨æ°æ®çº¿è¿æ¥å°çµèï¼æè¿éæ¯Macï¼
2.2 åå¨çµèä¸æå¼Safariç¹å»ãDevelopãèåï¼å°±ä¼çå°å¦ä¸å¾æ示ï¼ç¹å»æ¥ç大å¾ï¼ï¼
3.3 ç¹å»2.2ä¸çç½ç«åå°±ä¼å¨çµèä¸æå¼Safariçæ§å¶å°ï¼å¦ä¸å¾ï¼ç¹å»æ¥ç大å¾ï¼ï¼
3.è°è¯ç½é¡µ
å¦ä¸3.3å¾æ示ï¼æ¤æ¶ä½ å¯ä»¥æ¥çææºç½é¡µçDOMç»æï¼å¹¶ä¸åçµè端ç½é¡µè°è¯æ å¼ï¼å½é¼ æ æ»è¿è¿äºDOMèç¹çæ¶åææºä¸çç¸åºå¸å±ä¹ä¼é«äº®èµ·æ¥ï¼å¦ä¸å¾ï¼ç¹å»æ¥ç大å¾ï¼ï¼
äºãAndroid + Chrome
1.设置ææº
1.1ã设置ã>ãå ³äºææºã>ãçæ¬å·ï¼Build numberï¼ãï¼å¯¹çæ¬å·è¿ä¸é¡¹è¿ç¹7ä¸ï¼è¿æ¯å®æ¹ææ¡£éç说æ³ï¼å°±ä¼æ示âä½ å·²æ为å¼åè âã
1.2 åè¿åã设置ã>ãå¼åè é项ã>ãUSBè°è¯ãæå¼ææºUSBè°è¯ã
2.设置çµèï¼Macï¼
è¿åæ¯è¾éº»ç¦ï¼å 为è¦è£ ä¸ä¸AndroidçSDKã
2.1 ä¸è½½Android SDKï¼å¹¶è§£åï¼æææ´ä¸ªadtç®å½æ¾å¨äº /Users/David/adt/ è¿éã
2.2 设置ç¯å¢åé ãæå¼ç»ç«¯å¨Davidè·¯å¾ä¸ï¼å½¢å¦ DaviddeMacBook-Pro:~ David$ï¼è¾å ¥ open .bash_profileï¼å¦ææ件åå¨åä¼æå¼ï¼å¦æä¸åå¨ååè¾å ¥touch .bash_profile å建并æå¼è¿ä¸ªæ件ãå¨æ件éè¾å ¥export PATH=$PATH:/Users/David/adt/sdk/platform-tools:/Users/David/adt/sdk/tools ï¼å ³éä¿åãæåå¨ç»ç«¯éè¾å ¥ source .bash_profile æ¥æ´æ°ç¯å¢åéä½¿å ¶çæãç»ç«¯éè¾å ¥ adb åºç°å½ä»¤å¸®å©ä¿¡æ¯å°±æ¯æåäºã
2.3 å¨ç»ç«¯éè¾å ¥ adb forward tcp:9222 localabstract:chrome_devtools_remote ã
3.é¾æ¥çµè
3.1 å¨ææºä¸çChromeéæå¼æ³è¦è°è¯çç½é¡µï¼ç¨æ°æ®çº¿è¿æ¥ææºåçµèï¼æçæ¯Macãåï½æåªæ¯å¼ºè°å¹³å°çä¸åï¼ä¸è¦è¯¯ä¼ï¼ã
3.2 æå¼çµèä¸çChromeï¼å¨å°åæ éè¾å ¥ about:inspect éä¸ ãDiscover USB Devicesãåé¢çå¤éæ¡ãåºç°ä¸å¾ç»é¢ï¼ç¹å»æ¥ç大å¾ï¼ï¼
4.è°è¯ç½é¡µ
4.1 ä½ å¯ä»¥ç¹å»å¾3.2ä¸æ£æµå°ç设å¤ä¸æ£å¨è¿è¡çç½ç«ä¸é¢é£ä¸ªãinspectãï¼æè å¨æµè§å¨ä¸è¾å ¥ localhost:9222 æå¼ææºæ£å¨æµè§çç½é¡µå表ï¼å¦ä¸å¾ï¼
4.2 ç¹å»ä¸å¾ä¸çç½ç«ç¼©ç¥å¾ï¼å°±ä¼è·³è½¬å°Googleçä¸ä¸ªä»£çé¾æ¥ï¼é¾æ¥å¯è½è¢«å¢â¦â¦ï¼æ代çï¼å°±ä¼æå¼å¦ä¸å¾æ示çæ§å¶å°ï¼ç¹å»æ¥ç大å¾ï¼ï¼
4.3 è¿å°±åçµèä¸ç½é¡µè°è¯æ²¡ä»ä¹å·®å«äºï¼é¼ æ ç»è¿DOMèç¹ï¼ææºä¸çå¸å±åæ ·ä¹ä¼é«äº®èµ·æ¥ï¼
好çï¼å®ç»ã
éè¿ã设置ã>ãSafariã>ãé«çº§ã>ãWebæ£æ¥å¨ãæå¼ãè§ä¸å¾ï¼ç¹å»æ¥ç大å¾ï¼ï¼å¹¶ä¸ä½ ä¼çå°è¯¥é项ä¸é¢å¯¹çµèæä½çç¸åºæè¿°ï¼ç §å就好ã
2.é¾æ¥çµèï¼Macï¼
2.1 å å¨ææºSafariä¸æå¼ä½ æ³è°è¯çç½é¡µï¼å¹¶ç¨æ°æ®çº¿è¿æ¥å°çµèï¼æè¿éæ¯Macï¼
2.2 åå¨çµèä¸æå¼Safariç¹å»ãDevelopãèåï¼å°±ä¼çå°å¦ä¸å¾æ示ï¼ç¹å»æ¥ç大å¾ï¼ï¼
3.3 ç¹å»2.2ä¸çç½ç«åå°±ä¼å¨çµèä¸æå¼Safariçæ§å¶å°ï¼å¦ä¸å¾ï¼ç¹å»æ¥ç大å¾ï¼ï¼
3.è°è¯ç½é¡µ
å¦ä¸3.3å¾æ示ï¼æ¤æ¶ä½ å¯ä»¥æ¥çææºç½é¡µçDOMç»æï¼å¹¶ä¸åçµè端ç½é¡µè°è¯æ å¼ï¼å½é¼ æ æ»è¿è¿äºDOMèç¹çæ¶åææºä¸çç¸åºå¸å±ä¹ä¼é«äº®èµ·æ¥ï¼å¦ä¸å¾ï¼ç¹å»æ¥ç大å¾ï¼ï¼
äºãAndroid + Chrome
1.设置ææº
1.1ã设置ã>ãå ³äºææºã>ãçæ¬å·ï¼Build numberï¼ãï¼å¯¹çæ¬å·è¿ä¸é¡¹è¿ç¹7ä¸ï¼è¿æ¯å®æ¹ææ¡£éç说æ³ï¼å°±ä¼æ示âä½ å·²æ为å¼åè âã
1.2 åè¿åã设置ã>ãå¼åè é项ã>ãUSBè°è¯ãæå¼ææºUSBè°è¯ã
2.设置çµèï¼Macï¼
è¿åæ¯è¾éº»ç¦ï¼å 为è¦è£ ä¸ä¸AndroidçSDKã
2.1 ä¸è½½Android SDKï¼å¹¶è§£åï¼æææ´ä¸ªadtç®å½æ¾å¨äº /Users/David/adt/ è¿éã
2.2 设置ç¯å¢åé ãæå¼ç»ç«¯å¨Davidè·¯å¾ä¸ï¼å½¢å¦ DaviddeMacBook-Pro:~ David$ï¼è¾å ¥ open .bash_profileï¼å¦ææ件åå¨åä¼æå¼ï¼å¦æä¸åå¨ååè¾å ¥touch .bash_profile å建并æå¼è¿ä¸ªæ件ãå¨æ件éè¾å ¥export PATH=$PATH:/Users/David/adt/sdk/platform-tools:/Users/David/adt/sdk/tools ï¼å ³éä¿åãæåå¨ç»ç«¯éè¾å ¥ source .bash_profile æ¥æ´æ°ç¯å¢åéä½¿å ¶çæãç»ç«¯éè¾å ¥ adb åºç°å½ä»¤å¸®å©ä¿¡æ¯å°±æ¯æåäºã
2.3 å¨ç»ç«¯éè¾å ¥ adb forward tcp:9222 localabstract:chrome_devtools_remote ã
3.é¾æ¥çµè
3.1 å¨ææºä¸çChromeéæå¼æ³è¦è°è¯çç½é¡µï¼ç¨æ°æ®çº¿è¿æ¥ææºåçµèï¼æçæ¯Macãåï½æåªæ¯å¼ºè°å¹³å°çä¸åï¼ä¸è¦è¯¯ä¼ï¼ã
3.2 æå¼çµèä¸çChromeï¼å¨å°åæ éè¾å ¥ about:inspect éä¸ ãDiscover USB Devicesãåé¢çå¤éæ¡ãåºç°ä¸å¾ç»é¢ï¼ç¹å»æ¥ç大å¾ï¼ï¼
4.è°è¯ç½é¡µ
4.1 ä½ å¯ä»¥ç¹å»å¾3.2ä¸æ£æµå°ç设å¤ä¸æ£å¨è¿è¡çç½ç«ä¸é¢é£ä¸ªãinspectãï¼æè å¨æµè§å¨ä¸è¾å ¥ localhost:9222 æå¼ææºæ£å¨æµè§çç½é¡µå表ï¼å¦ä¸å¾ï¼
4.2 ç¹å»ä¸å¾ä¸çç½ç«ç¼©ç¥å¾ï¼å°±ä¼è·³è½¬å°Googleçä¸ä¸ªä»£çé¾æ¥ï¼é¾æ¥å¯è½è¢«å¢â¦â¦ï¼æ代çï¼å°±ä¼æå¼å¦ä¸å¾æ示çæ§å¶å°ï¼ç¹å»æ¥ç大å¾ï¼ï¼
4.3 è¿å°±åçµèä¸ç½é¡µè°è¯æ²¡ä»ä¹å·®å«äºï¼é¼ æ ç»è¿DOMèç¹ï¼ææºä¸çå¸å±åæ ·ä¹ä¼é«äº®èµ·æ¥ï¼
好çï¼å®ç»ã
温馨提示:答案为网友推荐,仅供参考
第1个回答 2016-04-01
可以用手机模拟器!