當前位置:首頁 » 網頁前端 » web檢查器打開手機
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web檢查器打開手機

發布時間: 2022-08-03 13:05:47

㈠ 移動端網頁用什麼工具開發,和用什麼工具調試

一、iOS + Safari
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如何給iphone調試

1.設備端:打開手機端Safari的web檢查器具體步驟:設置(Setting)->Safari->高級(Advanced)->打開web檢查器(webinspector)2.Mac端:打開Mac端Safari的開發者模式具體步驟:打開Safari->偏好設置->高級勾選「在菜單欄中顯示「開發」菜單」選項3.將手機通過數據線連接到電腦4.用手機打開一個webview5.電腦端打開safari->開發->找到你要監控的設備名字->選中該設備下打開的webview的url即可進入監控界面6.根據需求尋找你需要監控的內容,我監控的是cookie,所以我可以在儲存空間的分類里直接查看。

㈢ iPhone手機safari設置里的web檢查器什麼意思還有javascript什麼意思

javascript那個選項一定要開著,javascript是網站瀏覽器中的腳本語言,絕大部分網站都使用了javascript。關閉的話,會導致網站上面好多功能無法使用。web檢查器是開發人員用的,需要用數據線和電腦連接,才能使用,不會要關心這個。

㈣ 我想用手機測試自己寫的web頁面,該怎麼做

我來說個簡單的辦法
開發好頁面,先用谷歌瀏覽器的手機屏幕模擬功能看一下
去xampp官網下一下這個軟體,在本地建一個簡單的伺服器,然後把自己的頁面放到伺服器上打開,你的頁面路徑應該類似於http://192.168.1.2/xampp/demo/index.html這種樣子
打開網路隨便輸一個二維碼生成器,把上面的地址粘進去生成二維碼
拿出手機打開微信或其他能掃碼的瀏覽器掃碼預覽就可以了
想看修改代碼後的樣子重復第3步和第4步
注意點:你輸入的網址前面的ip一定而且肯定是你自己電腦的ip地址,默認的情況下,地址是http://localhost/……,一定記得把localhost替換成你本地的ip,不然你掃碼是掃不出來的。

㈤ html5開發的頁面怎麼在iphone上調適

用iphone調試html5頁面的方法如下:

1、打開手機web檢查器。

通過【設置】>【Safari】>【高級】>【Web檢查器】打開。見下圖(點擊查看大圖),並且你會看到該選項下面對電腦操作的相應描述,照做就好。

㈥ 怎麼使用Safari 調試 Web頁面

具體操作如下:
1、打開手機web檢查器。
通過【設置】>【Safari】>【高級】>【Web檢查器】打開。見下圖(點擊查看大圖)

2.鏈接電腦(Mac)
2.1 先在手機Safari中打開想調試的網頁,並用數據線連接到電腦(這里是Mac)
2.2 再在電腦上打開Safari點擊【Develop】菜單,就會看到如下圖所示(點擊查看大圖):

2.3 點擊2.2中的網站名就會在電腦上打開Safari的控制台,如下圖(點擊查看大圖):

3.調試網頁
如上2.3圖所示,此時可以查看手機網頁的DOM結構,並且和電腦端網頁調試無異,當滑鼠滑過這些DOM節點的時候手機上的相應布局也會高亮起

㈦ safari中web是開還是關

具體操作如下:
1、打開手機web檢查器。
通過【設置】>【Safari】>【高級】>【Web檢查器】打開。見下圖(點擊查看大圖)

2.鏈接電腦(Mac)
2.1 先在手機Safari中打開想調試的網頁,並用數據線連接到電腦(這里是Mac)
2.2 再在電腦上打開Safari點擊【Develop】菜單,就會看到如下圖所示(點擊查看大圖):

2.3 點擊2.2中的網站名就會在電腦上打開Safari的控制台,如下圖(點擊查看大圖):

3.調試網頁
如上2.3圖所示,此時可以查看手機網頁的DOM結構,並且和電腦端網頁調試無異,當滑鼠滑過這些DOM節點的時候手機上的相應布局也會高亮起來,如下圖(點擊查看大圖):

㈧ 如何在移動設備上調試html5開發的網頁

1、打開手機web檢查器。

通過【設置】>【Safari】>【高級】>【Web檢查器】打開。見下圖(點擊查看大圖),並且你會看到該選項下面對電腦操作的相應描述,照做就好。

㈨ 如何使用Safari 調試 Web頁面

具體操作如下: 1、打開手機web檢查器。 通過【設置】>【Safari】>【高級】>【Web檢查器】打開。見下圖(點擊查看大圖) 2.鏈接電腦(Mac) 2.1 先在手機Safari中打開想調試的網頁,並用數據線連接到電腦(這里是Mac) 2.2 再在電腦上打開Safari點擊【Develop】菜單,就會看到如下圖所示(點擊查看大圖): 2.3 點擊2.2中的網站名就會在電腦上打開Safari的控制台,如下圖(點擊查看大圖): 3.調試網頁 如上2.3圖所示,此時可以查看手機網頁的DOM結構,並且和電腦端網頁調試無異,當滑鼠滑過這些DOM節點的時候手機上的相應布局也會高亮起來,如下圖(點擊查看大圖):

㈩ 手機web伺服器在哪打開

1.安裝手機本地php+mysql伺服器環境篇 :
1.1安裝ksweb軟體,安裝好ksweb後,會在手機上生成一個文件夾htdocs,其目錄是mnt/sdcard/htdocs,htdocs是網站的根目錄。
1.2安裝mysql 直接點擊mysql管理,點擊選擇「是」然後解壓便可自動安裝。mysql的賬號密碼隨後再改(在設置裡面更改)。
1.3安裝好MySQL之後,(如下圖,打開phpmyadmin,表示安裝成功!),另外,我們需要對ksweb進行一些設置方可更好使用。
1.3.1埠的更改步驟:(啟用root更改80埠)手機伺服器啟用root方法如下圖,在ksweb設置裡面把root打鉤。
1.3.2開啟手機80埠方法:把8080埠改為80埠,並把PHP服務,MySQL都打勾。其他一些設置比如MySQL密碼,開機自啟動等選項大家根據需要自行修改即可!
1.4ksweb全部設置好後,我們打開手機本地伺服器地址localhost:80,表示設置好了。
我們點擊頁面中的「Enter KSWEB Web Interface」可以看到手機伺服器的一些配置信息(默認賬號密碼都是「admin」)。表示手機服務搭建成功,一切正常!
2.利用nat123軟體進行內網80埠映射篇:
2.1注冊賬號,我們先到其官網注冊賬號官網,大家網路nat123即可,至於怎麼注冊我就不說了。
2.2登陸並添加域名解析,
2.2.1 應用名稱,我填的是網路電視直播—在線看電視。假如你要搭建自己的博客,你可以填XX的博客,或者XX的個人博客等。
2.2.2 內網埠,只有root的手機才填80埠,所以這也是為什麼一開始我說手機需要root!
2.2.3 內網地址這個默認localhost就行。
2.2.4 外網域名,我這里使用的是自己的域名(當使用自己的域名時,用cname解析,下面有當前唯一cname地址,我們在自己的域名解析裡面填這個就行)。如果我們沒有自己的域名,我們可以用官方免費的二級域名,注意他的格式)一切填好之後,點擊確認保存即可!
2.3 我們下載並安裝登陸安卓版的nat123,就自動解析了,
3.4 接下來我們在另一台電腦上輸入剛才的域名訪問 如下圖所示,表示安卓手機web伺服器安裝成功,網站搭建成功!