最新要闻
- 全球热消息:深圳一公司发文拒招已婚未育员工:回应如此大言不惭
- 世界新动态:郭明錤:iPhone 15全系灵动岛 苹果升级传感器后体验更强大了
- 全球热点评!蜗牛的资料和特点分别是什么
- 4K 3D 高帧率重制!《泰坦尼克号》重映预售开启:4月3日上映
- 热推荐:沪一男子多次在五星级酒店开房,记录和发票被“神秘女”轻松拿走?细思极恐...
- 天天滚动:外卖小哥专属!美团发布头盔新专利:手不脱把接电话
- 【世界报资讯】库克现身北京三里屯正面“面对”小米!网友手持小米13 Pro合影太吸睛
- 当前速看:马斯克要建自己的乌托邦城市:美国当地居民这下不淡定了
- 每日短讯:正式定档4月26日!米哈游大作《崩坏:星穹铁道》公测官宣
- 环球报道:《暗黑破坏神4》新手入门图文攻略:游戏系统介绍与开荒指南
- 天天日报丨男孩名字含“坤”被嘲笑抑郁自残 被起绰号“鸡哥”:网友吐槽太过分
- 环球要闻:监控拍到浙江一车辆撞倒行人后又倒回碾压!官方通报来了
- 全球快资讯丨金价一路狂飙 有人8斤黄金变现174万:国内中老年狂买 还有人已赚32万元
- 世界热头条丨暴雪计划进行压力测试:《暗黑破坏神4》公测版排队依旧
- 以志愿服务赋能基层治理,金山卫镇这样做
- 每日看点!优化不够DLSS来凑 iGame RTX 4080显卡实战《卧龙》:4K轻松百帧
手机
iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
- 警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- 男子被关545天申国赔:获赔18万多 驳回精神抚慰金
- 3天内26名本土感染者,辽宁确诊人数已超安徽
- 广西柳州一男子因纠纷杀害三人后自首
- 洱海坠机4名机组人员被批准为烈士 数千干部群众悼念
家电
世界今日报丨使用 PC 端浏览器开发者工具对移动端真机环境 Web 页面进行远程调试
Mac/Windows 浏览器开发者工具远程调试 iPhone/Android 页面
在移动端 Web 开发中,有时候只通过模拟器进行调试是不够的,需要在真机环境下进行调试才能发现并解决一些问题。而移动端真机环境浏览器没有开发者工具,在这种情况下,使用 PC 端浏览器开发者工具对移动端真机环境的 Web 页面进行远程调试就显得尤为重要。
以下是一些可能需要使用 PC 端浏览器开发者工具对移动端真机环境的 Web 页面进行远程调试的场景:
问题只出现在某些特定型号或版本的移动设备上,需要在真机上进行调试才能找出原因。
(资料图片仅供参考)
需要对移动端页面的性能进行测试和调优,以确保其在移动设备上的流畅性和响应速度。
需要在移动设备上测试一些移动特有的功能,如触摸、手势等,以更加准确地模拟真实用户的体验。
需要在真机上查看页面的实际呈现效果和布局,确保它们与预期相符。
总之,使用 PC 端浏览器开发者工具对移动端真机环境的 Web 页面进行远程调试可以提高调试效率和质量,从而确保移动端 Web 应用程序的稳定性和用户体验。
一、Mac Safari 浏览器开发者工具远程调试 iPhone 页面
要在 Mac 上使用 Safari 浏览器的开发者工具远程调试 iPhone 页面,请按照以下步骤进行操作:
在 Mac 上启动 Safari 浏览器,并选择“Safari”菜单中的“偏好设置”。在“高级”选项卡中,启用 在菜单栏中显示“开发”菜单。
确保 iPhone 和 Mac 连接到同一个 Wi-Fi 网络(或将 iPhone 通过数据线连接到 Mac 上),并在 iPhone 上打开 Safari 浏览器,并访问目标站点。
需要注意的是,要通过 Wi-Fi 网络进行连接的前提是:需先通过数据线进行连接,将选项“通过网络连接”勾选上,然后可以通过同一个 Wi-Fi 网络进行连接。
在 Safari 菜单中,选择“开发”➤“iPhone 名称”➤“网页名称”。如果 iPhone 没有出现在菜单中,请确保在 iPhone 上启用了 Safari 的“Web 检查器”(设置 ➤ Safari 浏览器 ➤ 高级 ➤ Web(或网页)检查器)。
启用 Web 检查器
打开“Web 检查器”窗口后,可以使用其中的各种工具进行调试。例如,在“元素”选项卡中,可以查看和编辑网页的 HTML 和 CSS 代码,以及在“控制台”选项卡中查看 JavaScript 错误和调试信息。
请注意,为了使远程调试正常工作,建议 iPhone 上的 Safari 浏览器是最新的版本,并且 Mac 上的 Safari 浏览器也是最新版本。此外,如果遇到连接问题,可以尝试在 iPhone 上打开“设置”>“Safari 浏览器”>“高级”>“Web 检查器”,并确保“Web 检查器”选项已启用。如果仍然无法连接,请尝试重新启动 Safari 浏览器或 iPhone,或者使用数据线连接 iPhone 和 Mac。
二、Windows Chrome 浏览器开发者工具远程调试 Android 页面
要在 Windows 上使用 Chrome 浏览器的开发者工具远程调试 Android 页面,请按照以下步骤进行操作:
在 Windows 上启动 Chrome 浏览器,并在地址栏中输入“chrome://inspect/#devices”。
通过数据线将 Android 设备连接到 Windows 设备。
启用 Android 设备开发者模式:选择设置 ➤ 关于手机 ➤ 版本号,通过连续轻触版本号七次(不同设备可能有不同的操作方式),以启用 Android 设备的开发者模式。
启用 Android 设备 USB 调试:在 Android 设备上,选择 设置 ➤ 开发人员选项(不同设备可能有不同的操作路径),然后启用 USB 调试。
由图可知,连接的 Android 设备以展示在列表中。
如果遇到连接问题,请确保 Android 设备已启用 USB 调试功能,以便电脑可以识别设备。还可以尝试断开并重新连接设备,并确保电脑上已安装了正确的 USB 驱动程序。
在 Android 设备打开 Chrome 浏览器。
如图,Android 设备端打开的 Chrome 浏览器展示在下方的列表中,并显示了 Chrome 的版本号和标签页等信息。
在 Android 设备打开的 Chrome 浏览器中访问目标站点。
单击“inspect”按钮,这将打开 Chrome 开发者工具窗口,可以在其中进行调试。例如,在“元素”选项卡中,可以查看和编辑网页的 HTML 和 CSS 代码,而在“控制台”选项卡中,可以查看 JavaScript 错误和调试信息。
在这个视图中,Android 设备显示的内容被镜像投射到 Windows 设备上,开发者工具分析的是 Android 设备的当前页面,而不是 Windows 设备浏览器上的活动会话
当 Android 设备已连接,并且开发者工具在 Windows 设备上打开时,请尝试对移动网络连接的加载时间进行基准测试,或使用 Performance 面板查看 Android 设备上的页面性能等。
关键词:
-
每日看点!Microsoft edge锁定在任务栏上,被修改主页360的解决方法
今天从桌面下边的任务栏打开Microsoftedge浏览器,突然发现主页被篡改为360导航了(生气!恶龙咆哮ooo在...
来源: 世界今日报丨使用 PC 端浏览器开发者工具对移动端真机环境 Web 页面进行远程调试
每日看点!Microsoft edge锁定在任务栏上,被修改主页360的解决方法
全球热消息:深圳一公司发文拒招已婚未育员工:回应如此大言不惭
世界新动态:郭明錤:iPhone 15全系灵动岛 苹果升级传感器后体验更强大了
全球热点评!蜗牛的资料和特点分别是什么
天天新消息丨Midjourney AI绘画使用指南
Django笔记七之ManyToMany和OneToOne介绍
4K 3D 高帧率重制!《泰坦尼克号》重映预售开启:4月3日上映
热推荐:沪一男子多次在五星级酒店开房,记录和发票被“神秘女”轻松拿走?细思极恐...
【金融街发布】人民银行:2月发行各类债券54724.3亿元
债市日报:3月24日
天天滚动:外卖小哥专属!美团发布头盔新专利:手不脱把接电话
【世界报资讯】库克现身北京三里屯正面“面对”小米!网友手持小米13 Pro合影太吸睛
当前速看:马斯克要建自己的乌托邦城市:美国当地居民这下不淡定了
每日短讯:正式定档4月26日!米哈游大作《崩坏:星穹铁道》公测官宣
快消息!PaddleOCR之高性能Go语言实现OCR识别
环球报道:《暗黑破坏神4》新手入门图文攻略:游戏系统介绍与开荒指南
天天日报丨男孩名字含“坤”被嘲笑抑郁自残 被起绰号“鸡哥”:网友吐槽太过分
环球要闻:监控拍到浙江一车辆撞倒行人后又倒回碾压!官方通报来了
全球快资讯丨金价一路狂飙 有人8斤黄金变现174万:国内中老年狂买 还有人已赚32万元
世界热头条丨暴雪计划进行压力测试:《暗黑破坏神4》公测版排队依旧
以志愿服务赋能基层治理,金山卫镇这样做
9个都要了解的单行Python代码
每日看点!优化不够DLSS来凑 iGame RTX 4080显卡实战《卧龙》:4K轻松百帧
环球热点!男子驾车疯狂违章 上传视频炫耀自曝!后续舒适
169元 红魔散热器4磁吸版上市:20W满血功率、可控RGB灯效
环球热讯:苹果CEO库克现身北京三里屯零售店!众多粉丝合影 有人用小米13自拍
上海嘉定新城发展完成5亿元中票发行 利率3.20%
环球速讯:Leetcode Practice -- 字符串
第133篇:事件处理与常用事件
每日简讯:PLG SaaS 产品 Figma 商业模式拆解
1.爬虫的简介
世界时讯:python超时处理方法eventlet的eventlet.Timeout
全球资讯:【新华解读】REITs推出支持消费重要举措 消费基础设施可发行REITs
环球通讯!【财经分析】瑞信债务减记外溢影响可控 欧洲其他大型银行信用状况未受波及
【金融街发布】证券公司App“一键打新”功能将迎三大变化
每日热议!电池连续6年世界第一 宁德时代表态不会去造车
环球精选!95后设计师辞职当动物饲养员:上班以后非常开心
小金刚品质 Note 12 Turbo首发福利:免费送碎屏险
世界今头条!PC真的没落了!我国网民使用手机上网比例达99.8%:占比遥遥领先
每日关注!2023年国剧最高分!剧版《三体》豆瓣涨至8.7分:超36万人评价
焦点报道:windows安装redis及配置教程
世界微速讯:记一次若依后台管理系统渗透
焦点!记录--用three.js渲染真实的下雨效果
傲软录屏工具使用教程(附工具亲测有效!!!)
天天视点!国际货币基金组织敦促黎巴嫩加快改革以启动一揽子救助计划
全球简讯:论文阅读笔记(五):Hire-MLP Vision MLP via Hierarchical Rearrangement
【焦点热闻】73.迭代器
环球观察:[vue] 脚手架笔记
世界动态:别让疲劳成为你的最后一程路:如何避免驾驶疲劳?丨曼孚科技
前沿资讯!L2-040 哲哲打游戏
每日快看:【新华500】新华500指数(989001)24日跌0.29%
谷歌回应Bard内容“抄袭”:插入链接会打断对话
快资讯丨浙江2人遭雷击不幸身亡 急救中心发布雷雨天出行提示
0糖0脂肪 丘里福建大红袍、铁观音茶饮闭眼囤:券后6瓶15.8元
天天新动态:最远能跑333km 五菱缤果官宣3月29日上市:7万交个朋友?
认真做优化 Intel显卡驱动容量减少一半:从1.3GB降至0.6GB
天天速递!全国跳水冠军赛:昌雅妮成为女子3米板“双冠王 ”
环球快讯:MySQL错误ERROR 2003 (HY000) Can't connect to MySQL server .' (111)
CSP20230319-4 星际网络II 题解
焦点信息:DNF远古地下城怎么开
天天观点:抵制汽车行业网络水军!比亚迪、长城、蔚小理等发起联合倡议
萤石TV Studio发布:接管电视“大脑” 让一屏秒变三屏!
【世界快播报】灯座安装即插即用:萤石发布4G款灯座云台摄像机C8b
环球新动态:比亚迪宋Pro DM-i 2023款实车曝光:前脸大变 加长加高
【全球新视野】2023第三届大湾区数字峰会在广州召开
环球快看点丨开心档之Go 语言数据类型
C#中?.、??、?:、及?等符号用途
看热讯:泛型的学习
关于工作态度和责任心的句子有哪些?工作态度自我评价模板
燃野少年的天空老狗最后和谁在一起了?燃野少年的天空演员表
春联横批是从左到右还是从右到左?通用的春联横批大全
大玉儿是不是孝庄太后?大玉儿爱多尔衮还是皇太极?
郭晓婷和袁弘是什么关系?郭晓婷演过的电视剧有哪些?
比亚迪新专利获授权 通过手背静脉识别控制车辆
当前滚动:玩家搜集信息拼凑《GTA6》地图:比洛圣都要大3倍
腾讯把《和平精英》里的技术引入输入法和地图 1700万人受益
HTTP请求方法
每日聚焦:RTX 4080 Ti运行《暗黑破坏神4》变砖:暴雪与NVIIDIA进行联合调查
广州突降冰雹 车主晒特斯拉玻璃车顶快被砸烂
中国电竞酒店突破2万家:西安郑州最多 玩家不止玩游戏
13代标压i5还有军工级品质!华硕a豆14 2023笔记本评测:智能远控 直击痛点
被曝垃圾桶捞回食材上桌!网红店半天妖发布致歉声明
全球快讯:2023年八字运势查询 乙酉日柱事业好
环球快资讯:SaaS 营销,如何利用 RPA 实现自动化获客?
全球视点!保姆级教程!玩转 ChunJun 详细指南
python入门语法
灵感来自中国:俄罗斯电视台首次推出AI女主播
全球关注:“大嫂”高叶代言!《原始征途》手游公测:史玉柱亲自研发
每日快看:碳酸锂价格暴跌一半!特斯拉还会再降价?
环球要闻:支付宝首页能直接刷短视频了 新增“看一看”入口
票房全球第三 《阿凡达2》4K高清资源偷跑:容量13GB
2023江苏连云港市考试录用公安机关特殊专技职位公务员(人民警察)入围技能测试人选公告
热头条丨Lunabot让你在任何网站都能使用ChatGPT(亲测有效!!!)
世界微头条丨高铁餐食又上新了:星级酒店烹饪 30分钟极速送达 还是热的
世界观天下!半价大促:五芳斋豆沙青团6枚9.9元到手 清甜绵软
快消息!特斯拉Model 3标准续航版或失7500美元税收优惠:只因用了中国电池
全球观天下!本田大法还香吗?全新紧凑型SUV车型HR-V量产下线:或16万起售
当前短讯!索赔近2万维修费!老人故意推倒摩托车案今日开庭:车主起诉继承人
浙江铁塔为结对帮扶村送医送药暖民心