如何通过浏览器调试H5移动端样式

225 字
1 分钟
如何通过浏览器调试H5移动端样式

最近在弄邮件编辑器业务,通过HTML发送邮件,发现在移动端展示样式会出问题,一开始并不知道该怎么调试,于是各种百度,将我的方法总结一下:

分两种情况:

  • 没有翻墙环境:使用edge
    1. 安卓手机开启开发者模式,打开USB调试
    2. 连接电脑
    3. 打开edge浏览器,输入edge://inspect/#devices
    4. 等待手机和edge响应,选择是否允许USB调试,会出现一下界面,则说明链接成功
    1. 点击inspect,会出现这个界面,就可以像pc端一样调试了

edge是真的强大,不用翻墙所有chrome浏览器的功能基本都能实现

  • 有翻墙环境:使用chrome 和edge同样的操作,不过需要有vpn才行,不然就会一致404 Not Found
如何通过浏览器调试H5移动端样式
https://wangxiang.website/posts/工具/mobiledebugging/
作者
翔子
发布于
2022-08-18
许可协议
CC BY-NC-SA 4.0
Profile Image of the Author
翔子
前端开发工程师
公告
博客已从 VitePress 迁移到 Astro + Firefly 主题,223 篇文章全部保留。
音乐
封面

音乐

暂未播放

0:00 0:00
暂无歌词
分类
标签
站点统计
文章
221
分类
9
标签
28
总字数
411,914
运行时长
0
最后活动
0 天前

文章目录