国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

h5移動(dòng)端頁面調(diào)試工具Chii與 weinre 一樣的遠(yuǎn)程調(diào)試工具

這篇具有很好參考價(jià)值的文章主要介紹了h5移動(dòng)端頁面調(diào)試工具Chii與 weinre 一樣的遠(yuǎn)程調(diào)試工具。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

與?weinre?一樣的遠(yuǎn)程調(diào)試工具,主要是將 web inspector 替換為最新的?chrome devtools frontend.

電腦上跑一個(gè)chii服務(wù),把對(duì)應(yīng)的js嵌入h5頁面內(nèi),用手機(jī)訪問h5頁面,chrome內(nèi)看chii服務(wù)地址即可找到對(duì)應(yīng)管理控制臺(tái)

?

?

安裝

可以通過 npm 安裝。

npm install chii -g
?

使用

用下面的命令開啟服務(wù)。

chii start -p 8080
?

在你的頁面中使用這個(gè)腳本注入代碼。

<script src="http://host-machine-ip:8080/target.js"></script>
?

然后就可以訪問 localhost:8080 開始調(diào)試頁面。

你可以使用 iframe 將調(diào)試器展示在同一頁面中,只需要在 script 元素上加多 embedded 一個(gè)參數(shù)即可。文章來源地址http://www.zghlxwxcb.cn/news/detail-474212.html

<script src="http://host-machine-ip:8080/target.js" embedded="true"></script>
?注意:host-machine-ip 為自己的ip地址

到了這里,關(guān)于h5移動(dòng)端頁面調(diào)試工具Chii與 weinre 一樣的遠(yuǎn)程調(diào)試工具的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 如何在【微信小程序 】中的 webview 查看H5頁面的console.log和調(diào)試H5頁面?

    如何在【微信小程序 】中的 webview 查看H5頁面的console.log和調(diào)試H5頁面?

    大家好我是 黑臂麒麟 ; 下面是開發(fā)微信小程序嵌入H5調(diào)試技巧: 問題: 在微信小程序頁面中,web-view內(nèi)嵌了另一個(gè)頁面url,從小程序跳轉(zhuǎn)到該H5頁面的時(shí)候,無法看到該H5頁面的控制臺(tái)信息。那就沒有辦法了么?不,憑著鍥而不舍的精神,在網(wǎng)絡(luò)的海洋遨游許久。我查找到解

    2024年02月17日
    瀏覽(28)
  • H5移動(dòng)端調(diào)試方案全解(iOS&Android&Chrome&vConsole)

    H5移動(dòng)端調(diào)試方案全解(iOS&Android&Chrome&vConsole)

    在移動(dòng)端盛行的今天,大家在日常中經(jīng)常會(huì)接觸到H5的移動(dòng)端網(wǎng)頁,不僅僅是在瀏覽器中,在各種的APP中也有存在著許多的H5頁面,所以我們作為前端開發(fā)者就會(huì)有在開發(fā)時(shí)候進(jìn)行移動(dòng)端調(diào)試、甚至是真機(jī)調(diào)試的需求,本文旨在一文帶領(lǐng)大家了解iOS、Android等平臺(tái)的調(diào)試以及模

    2024年02月05日
    瀏覽(20)
  • ios手機(jī)在app中調(diào)試h5頁面

    ios手機(jī)在app中調(diào)試h5頁面

    網(wǎng)頁開發(fā)在瀏覽器里調(diào)試很方便,但是在移動(dòng)端開發(fā)調(diào)試,例如需要在app中打開,會(huì)用到一些bridge , 這時(shí)候就不能在瀏覽器調(diào)試。在app調(diào)試,如果每次都要發(fā)布到測(cè)試環(huán)境才能調(diào)試,那就會(huì)浪費(fèi)很多時(shí)間。 可以通過charls來做一個(gè)代理 從而在手機(jī)app里調(diào)試h5頁面 安裝charles 安裝

    2024年03月15日
    瀏覽(31)
  • 使用Vant搭建的H5頁面移動(dòng)端無法上傳圖片問題

    使用Vant搭建的H5頁面移動(dòng)端無法上傳圖片問題

    具體的原因是因?yàn)樵趘an-uploader組件中加了一個(gè)屬性multiple所導(dǎo)致的,這里我們可以去看一下Vant的官網(wǎng)給出了答案如下圖: 第一個(gè)是accept你需要去做相應(yīng)的文件處理,如果你加了不去處理也會(huì)導(dǎo)致出現(xiàn)移動(dòng)端上傳圖片失敗, 第二個(gè)是multiple 官方文檔上給出了詳細(xì)解釋,我使用安

    2024年02月12日
    瀏覽(18)
  • 微信內(nèi)置瀏覽器調(diào)試和調(diào)試微信內(nèi)的H5頁面匯總(持續(xù)更新...)

    微信內(nèi)置瀏覽器調(diào)試和調(diào)試微信內(nèi)的H5頁面匯總(持續(xù)更新...)

    調(diào)試PC端微信內(nèi)置瀏覽器(只支持3.2.1以下的) (1)添加以下代碼, 查看chrome版本和內(nèi)核安放位置 (2)運(yùn)行起來,在瀏覽器打開,復(fù)制鏈接到微信里打開 微信瀏覽器: –resources-dir-path= 就是內(nèi)核的位置 (3)打開,將 devtools_resources.pak(可以到網(wǎng)上搜一下 devtools_resources 或者

    2024年02月07日
    瀏覽(29)
  • 移動(dòng)端H5頁面在input輸入框獲得焦點(diǎn)時(shí)禁止喚起鍵盤

    移動(dòng)端H5頁面在input輸入框獲得焦點(diǎn)時(shí)禁止喚起鍵盤

    移動(dòng)端 實(shí)現(xiàn)效果: 當(dāng)input輸入框獲得焦點(diǎn)時(shí),在保留光標(biāo)的情況下,又不讓手機(jī)虛擬鍵盤彈起 問題背景: 哈哈哈哈 我又來了,又是java安卓應(yīng)用嵌入H5頁面,給大家看下效果 點(diǎn)擊開始時(shí)間或者結(jié)束時(shí)間時(shí)會(huì)彈出日期選擇器,這個(gè)時(shí)候呢在手機(jī)上看的話,會(huì)同時(shí)觸發(fā)鍵盤,導(dǎo)

    2024年02月16日
    瀏覽(32)
  • iOS 16.4 之后真機(jī)與模擬器無法使用Safari調(diào)試H5頁面問題

    iOS 16.4 之后真機(jī)與模擬器無法使用Safari調(diào)試H5頁面問題

    背景 iOS 16.4之后用真機(jī)調(diào)試H5時(shí)候發(fā)現(xiàn),Safari中開發(fā)模塊下面無法調(diào)試頁面 解決方案 在WKWebView中設(shè)置以下代碼解決 然后再次調(diào)試就可以了

    2024年01月20日
    瀏覽(28)
  • IDEA遠(yuǎn)程Debug調(diào)試工具(Remote)的使用

    IDEA遠(yuǎn)程Debug調(diào)試工具(Remote)的使用

    我們?cè)陂_發(fā)的過程中,經(jīng)常會(huì)遇到這樣的情況:代碼在本地測(cè)試得好好的,但部署上線后測(cè)試結(jié)果就不一樣了,這時(shí)就需要去服務(wù)器上查看日志進(jìn)行分析從而定位問題,但這樣還是會(huì)比較麻煩,如果能夠Debug調(diào)試,那豈不是美滋滋。 最近了解到IDEA里面其實(shí)有遠(yuǎn)程Debug調(diào)試工具

    2024年02月11日
    瀏覽(25)
  • 開發(fā)工具篇第二十六講:使用IDEA進(jìn)行本地調(diào)試和遠(yuǎn)程調(diào)試

    Debug用來追蹤代碼的運(yùn)行流程,通常在程序運(yùn)行過程中出現(xiàn)異常,啟用Debug模式可以分析定位異常發(fā)生的位置,以及在運(yùn)行過程中參數(shù)的變化;并且在實(shí)際的排錯(cuò)過程中,還會(huì)用到Remote Debug。 本文是開發(fā)工具篇第二十六講,主要介紹基于IDEA的Debug和Remote Debug的技巧。

    2024年02月16日
    瀏覽(99)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包