PC瀏覽器中調(diào)試
這個沒什么說的目溉，各大瀏覽器都內(nèi)置了調(diào)試了工具明肮，作為一個前端不會的話，自行面壁吧缭付。
移動瀏覽器中調(diào)試
- android
可以直接使用usb+chrome://inspect/#devices調(diào)試,也可以使用和微信瀏覽器一樣的操作 - ios
和微信瀏覽器中一樣操作調(diào)試,
也可以使用safari調(diào)試柿估。
微信瀏覽器中調(diào)試
- 微信中訪問的肯定都是
http URL，所以可以直接使用spy-debugger陷猫，
也可以使用vconsole或者eruda秫舌，可以根據(jù)URL的參數(shù)決定
是否顯示調(diào)試器
;(function () {
var src = 'node_modules/eruda/eruda.min.js';
if (!/eruda=true/.test(window.location) && localStorage.getItem('active-eruda') != 'true') return;
document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>');
document.write('<scr' + 'ipt>eruda.init();</scr' + 'ipt>');
})();
- 還可以使用
微信開發(fā)工具進行調(diào)試，這對于調(diào)試微信sdk很方便,可以看到對接sdk時發(fā)生的錯誤绣檬。
APP webview中調(diào)試
android
可以使用usb線足陨，然后使用chrome://inspect/#devices進行調(diào)試ios
1，webview 若是訪問http URL的話娇未，則可以使用spy-debugger進行調(diào)試
2墨缘，webview 中若是訪問的離線包（file協(xié)議），則不能使用spy-debugger零抬，因為spy-debugger的原理是攔截所有html頁面請求镊讼，然后將請求再返回設(shè)備，在spy-debugger上面調(diào)試平夜，spy-debugger會直接將操作給推送到設(shè)備蝶棋，所以設(shè)備可以隨著一起改變。但是file協(xié)議根本沒有網(wǎng)絡(luò)請求忽妒，spy-debugger所做的代理根本不能起作用玩裙。此時可以使用vconsole
3兼贸，若APP包是debug包的話，也可以使用safari調(diào)試献酗，因為正式包的話是不允許調(diào)試的
