eruda手機端除錯神器
在日常的移動端開發時,一般都是試用chrome瀏覽器的移動端模式進行開發和除錯,如果想在手機上能和瀏覽器一樣看控制檯除錯就更加完美了;
一個手機端除錯神器eruda是一個專為手機網頁前端設計的除錯面板,類似 DevTools 的迷你版,其主要功能包括:捕獲 console 日誌、檢查元素狀態、顯示效能指標、捕獲XHR請求、顯示本地儲存和 Cookie 資訊、瀏覽器特性檢測等等。
只要在我們的html檔案中寫入下面這些程式碼,在手機上,也能想瀏覽器控制檯一樣進行檢視。
<script src="//cdn.jsdelivr.net/npm/eruda"></script> <script> eruda.init();</script>
真的方便我們開發使用。
&n
相關推薦
eruda手機端除錯神器
在日常的移動端開發時,一般都是試用chrome瀏覽器的移動端模式進行開發和除錯,如果想在手機上能和瀏覽器一樣看控制檯除錯就更加完美了; 一個手機端除錯神器eruda是一個專為手機網頁前端設計的除錯面板,類似 DevTools 的迷你版,其主要功能包括:捕獲 console 日誌、檢查元素狀態、顯
Eruda——手機網頁前端除錯面板 移動端除錯神器(eruda)
移動端除錯神器(eruda) 在日常的移動端開發時,一般都是試用chrome瀏覽器的移動端模式進行開發和除錯,只有在chrome除錯完成,沒有問題了才會上到真機測試,移動端開發的一大問題就在於此, 各種品牌各種型號手機,手機中各種型別的瀏覽器APP........還
eruda.js 移動端除錯神器使用教程(eruda)
在日常的移動端開發時,一般都是試用chrome瀏覽器的移動端模式進行開發和除錯,只有在chrome除錯完成,沒有問題了才會上到真機測試,移動端開發的一大問題就在於此, 各種品牌各種型號手機,手機中各種型別的瀏覽器APP........還好移動端的相對一致點,但是往往都會有一些各種各
Eruda 一個被人遺忘的移動端除錯神器
引言 日常工作中再牛逼的大佬都不敢說自己的程式碼是完全沒有問題的,既然有問題,那就也就有除錯,說到除錯工具,大家可能對於fiddler、Charles、chrome devtools、Firebug、還有Safari遠端除錯等比較熟悉,甚至有些是我可能也沒有用過的; 這裡噴一句吧,誰都別給我
android黑科技系列——手機端破解神器MT的內購VIP功能破解教程
android 數組操作 支持 fontsize 科技 學習 xxx cxx tools 一、前言 在破解app的時候,我們現在幾乎都是在PC端進行操作,但是之前bin神的MT管理器,可以在手機端直接破解,不過也有很大的局限性,但是對於一些簡單的app破解沒問題的。這個工
vue中使用vconsole--移動端除錯神器
Vue中使用vconsole除錯手機移動端的點選事件 先使用npm install vconsole下載安裝依賴包 在Vue專案中新建 vconsole.js 檔案 ,在檔案中寫入 import Vconsole from 'vconsole' const vConsole = ne
Android逆向之旅---Android手機端破解神器MT的內購VIP功能破解教程
一、前言在破解app的時候,我們現在幾乎都是在PC端進行操作,但是之前bin神的MT管理器,可以在手機端直接破解,不過也有很大的侷限性,但是對於一些簡單的app破解沒問題的。這個工具其實原理也很簡單,就
微信手機端除錯工具-微信Web開發者工具使用教程
微信手機端除錯工具[下載地址] 注意: 1.如果安裝除錯工具-微信Web開發者工具需要解除安裝以前安裝過的微信Web開發者工具(比如小程式-微信Web開發者工具),建議使用騰訊管家之類的清理
Android逆向之旅—Android手機端破解神器MT的內購VIP功能破解教程
一、前言 在破解app的時候,我們現在幾乎都是在PC端進行操作,但是之前bin神的MT管理器,可以在手機端直接破解,不過也有很大的侷限性,但是對於一些簡單的app破解沒問題的。這個工具其實原理也很簡單,就是解析apk中的dex,arsc等檔案,然後支援修改其中的類方法資
chrome的手機端除錯
接觸一個陌生的專案,尤其是很大的專案,不知道從哪裡下手,最先我們就該學會除錯。 以前也做過手機端的除錯,可以在chrome上面除錯前端程式一樣,還可以運用抓包工具。 我更喜歡前者:chrome上面除錯 不過,最近我的瀏覽器有些
手機網站除錯神器之chrome控制檯
現在真是一個資訊化的時代,每個人手裡都拿著一款智慧機,上班下班走路坐車之餘都會玩玩手機,上上網。於是作為廣大網站媒體來說,爭搶手機市場無疑是刻不容緩。對於我們Web前端工程師來說,瞭解並掌握手機程式設計的任務也是刻不容緩。下面為大家推薦一款比較不錯的手機除錯軟體chro
fiddler的autoResponder及設定手機端代理實現遠端除錯
這是開通部落格的第一篇隨筆,好雞凍哈哈o_O 首先是下載安裝,我安裝的是最新的v4.6.2.0版本,大家在百度上搜fidddler4在百度軟體中心普通下載就可以了。 或者直接用這個連線:http://dlsw.baidu.com/sw-search-sp/soft/47/10963/fidd
手機控制檯除錯(需PC端協助)
工具需求: 1.PC 2.手機(暫時只測試安卓,ios可能是在證書上有區別?) 3.以上兩個工具在同一區域網下 步驟: 一 ,PC端登入nodejs官網,選擇並下載安裝 next,下一步下一步即可( 改改安裝目錄
Eruda 一個被人遺忘的除錯神器
引言 日常工作中再牛逼的大佬都不敢說自己的程式碼是完全沒有問題的,既然有問題,那就也就有除錯,說到除錯工具,大家可能對於 fiddler、Charles、chrome devtools、Firebug、還有Safari遠端除錯等比較熟悉,甚至有些是我可能也沒有用過的; 這裡噴一句吧,誰都別給我提I
Android WebView 手機連線PC端除錯
使用PC端連結手機除錯WebView頁面 一.在程式碼中設定為debug模式 WebView.setWebContentsDebuggingEnabled(true); 二.開啟谷歌(Chrome)瀏覽器,如果瀏覽器沒有安裝DevTools時需要翻牆
Eruda 一個小而美的除錯神器
引言 日常工作中再牛逼的大佬都不敢說自己的程式碼是完全沒有問題的,既然有問題,那就也就有除錯,說到除錯工具,大家可能對於fiddler、Charles、chrome devtools、Firebug、還有Safari遠端除錯等比較熟悉,甚至有些是我可能也沒有用過的; 這裡噴一句吧,誰都別給我
DevTools——chrome瀏覽器除錯手機端WebView
DevTools能在瀏覽器上除錯手機中的webview程式碼,給手機端除錯帶來了極大的便利! 操作步驟 1,開啟手機開發者選項,開啟USB除錯 2,開啟待除錯的webview 3,手機通過USB資料線跟電腦連線 4、開啟chrome瀏覽器,輸入:chrome://inspect
手機端web頁除錯方法總結(一)
如何檢視app中web頁的原始碼: 目前可用的解決辦法是使用Chrome瀏覽器提供的“”檢查裝置“”功能。 準備:最新的Chrome版本,vpn賬號(使用該功能需要翻牆),一根資料線。 準備完畢之後,將手機通過資料線連線到電腦,最好電腦下載一個手機助手,確保USB已連線上。
web移動端除錯工具Eruda
Eruda github地址: https://github.com/liriliri/eruda/blob/master/doc/README_CN.md Eruda 是一個專為手機網頁前端設計的除錯面板,類似 DevTools 的迷你版,其主要功能包括:捕獲 con
給手機端頁面留一個除錯後門吧(vue)
當我們在瀏覽器開發vue頁面時,由於瀏覽器對於除錯有天然的支援,我們開發起來很方便。但是現在已經進入了移動端時代,移動端頁面的需求越來越大。 在開發移動端頁面的時候我們通常是在瀏覽器完成開發完成,之後才在手機端測試,如果測試出現問題還得重新回到瀏覽器上尋找錯誤。甚至還有嵌入在APP的頁面,經過除錯之後還要