如何在 iPadPro 上调试 HTML5 页面 All In One

转载

mb5fdb1365b75a0 2021-04-11 10:09:00

文章标签 iPad Pro iOS HTML5 debug iPadOS 文章分类 Html/CSS 前端开发

如何在 iPadPro 上调试 HTML5 页面 All In One

iPadOS / iOS

UA

iPadOS / CPU OS

Mozilla/5.0 (iPad; CPU OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/87.0.4280.77 Mobile/15E148 Safari/604.1

iOS / CPU iPhone OS


Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/87.0.4280.77 Mobile/15E148 Safari/604.1

如何在 iPadPro 上调试 HTML5 页面 All In One_iPad Pro_02

navigator.userAgent;
"Mozilla/5.0 (iPad; CPU OS 11_0 like Mac OS X) AppleWebKit/604.1.34 (KHTML, like Gecko) Version/11.0 Mobile/15A5341f Safari/604.1"

debug HTML5

USB 连接 iPad Pro,
开启 Safari 授权
...

要保证 iPhone/iPad 能使用 USB 与电脑正常连接

在 iOS 中打开调试模式：设置->Safari->高级->Web 检查器

javascript:void(0)

如何在 iPadPro 上调试 HTML5 页面 All In One_iOS_03

如何在 iPadPro 上调试 HTML5 页面 All In One_debug_04

如何在 iPadPro 上调试 HTML5 页面 All In One_iOS_05

BrowserSync

# step 1
$ npm install -g browser-sync
# OR
$ npm i -g browser-sync


# step 2
$ cd build

# step 3
$ browser-sync start --server --files "./*.html"


$ browser-sync start --server --files "./*.*"
$ browser-sync start --server --files "./*.js"
$ browser-sync start --server --files "./*.css"

https://github.com/xgqfrms-GitHub/browser-sync