原文:在PC機上,如何用Chrome瀏覽器模擬查看和調試手機的HTML5頁面?

如題,如何用PC機上的Chrome瀏覽器模擬查看和調試手機HTML 頁面 參考操作步驟如下: 第一步 用Chrome打開要調試的頁面 第二步 按F ,打開 開發者工具 ,點擊其右上角的 Dock to main window. 按鈕,讓 開發者工具 停靠在瀏覽器的 右邊 ,再點擊左上角的 Toggle device mode. 按鈕,如下圖所示: 第三步 選擇要模擬的設備,如下圖所示: 第四步 刷 ...

2016-07-17 10:17 0 6261 推薦指數:

查看詳情

通過chrome瀏覽器調試手機頁面(IOS和Android)

開發PC頁面的時候使用chrome瀏覽器的開發者工具,可以很容易的捕獲到頁面的dom元素,並且可以修改樣式,方便調試,但是手機上卻很麻煩,因為手機上沒有辦法直接打開開發者工具查看元素。其實可以通過將設備連接到PC,使用PC的開發者工具檢測 一、針對android設備 1、在android設備 ...

Sun May 07 07:52:00 CST 2017 0 25381
robotframework_如何用Chrome模擬手機打開H5頁面

由於公司目前的產品大部分都是APP端的H5頁面,APP原生頁面很少,測試H5頁面如果去搭建appium或者macaca這類自動化平台太費時,太重而不能快速落地;與自動化的目標:提高測試效率相悖。但如果在web端測試H5頁面既能覆蓋絕大部分的UI功能,又能省時省力,快速落地;十分吻合項目需求 ...

Fri Nov 03 23:01:00 CST 2017 0 3245
谷歌瀏覽器如何調試手機

前言   如何在電腦上進行真調試?如何通過谷歌瀏覽器或safari來調試web頁面或者由H5頁面構成的app? 谷歌瀏覽器如何調試手機頁面?   1. 手機開啟模式,通過數據線連接至電腦。   2. 谷歌瀏覽器進入:chrome://inspect/#devices   3. ...

Tue Jan 26 22:25:00 CST 2021 0 484
UC瀏覽器開發者版調試手機頁面

1 關於RI 目前,在手機上使用瀏覽器訪問網頁,無法便捷地進行網頁語言調試手機屏幕相對較小且操作不便,直接在手機上進行網頁數據調試不太現實。 因此,我們使用技術將手機網頁調試信息分離,實現一種能在大屏幕、高配置PC上來調試小屏幕、低配置的手機瀏覽器訪問的網頁的開發工具 ...

Wed Dec 03 18:26:00 CST 2014 0 8887
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM