电脑端浏览器调试移动端网页 支持调试Android和ios

最新推荐文章于 2024-05-30 17:14:57 发布
努力学前端的小F 最新推荐文章于 2024-05-30 17:14:57 发布
阅读量1.9k 收藏 4
点赞数 2
分类专栏： 记录那些vue的小笔记 文章标签： android ios chrome 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接： https://blog.csdn.net/u013505589/article/details/120954570
版权
记录那些vue的小笔记 专栏收录该内容
11 篇文章 2 订阅
订阅专栏

Android

1. 谷歌浏览器 Chrome (需要翻墙)

① USB连接电脑并开启USB调试

(以vivo为例 其他手机找到版本号多次点击)

设置--更多设置--关于手机--多次点击软件版本号(开启开发者模式)--开发者选项--开启USB调试

② 访问 chrome://inspect/#devices

上面会看到你所连接的设备的名称和信息，下面就是当前设备上可以用于在电脑上调试的页面的信息，地址、标题、网页大小。如果没有显示设备信息，则表示没有连接好，可以插拔手机或重新开启USB调试

③ 手机上打开一个网页，webview形式的网页一般都可以

 点击inspect 就可以启动调试

2. 谷歌内核的Edge浏览器 (不需要翻墙)

新版edge下载地址: 下载 Microsoft Edge Web 浏览器 | Microsoft

操作原理同Chrome，访问地址更改为 edge://inspect/#devices

iPhone 

1. Mac端Safari浏览器

① iPhone端开启网页检查器

设置-- Safari浏览器--高级--开启网页检查器

② 开启电脑端"开发"选项

mac Safari浏览器--偏好设置--高级--在菜单栏中显示"开发"菜单

 ③ USB连接Mac，在Safari开发选项中选中设备和页面

 可以进行元素，接口请求，网络等进行调整

inspect入门之在windows上调试iphone上的web页面
蛐蛐的博客
04-16 1131
下载：Download Inspect
如何在pc端网页移动版进行检查
m0_46672151的博客
04-03 863
如何在电脑端网页移动版进行检查调试 1、任意浏览器均可，以Chrome为例： 打开Chrome，进入baidu.com。页面如下： 2、鼠标右击检查（或者ctrl+shift+I），页面如下： 将pc端换成移动端，并且左端箭头处可以更换移动设备机型。更换成移动端后大家一定会骂我（什么*****），不要着急，只是你遗忘了关键的一步——那就是刷新啦： 千万记着刷新一下，不然能让你头凸。 ...
使用 Chrome://inspect 调试 Android 和 IOS 上的浏览器页面
热门推荐
Amy的博客
05-28 1万+
这一篇是调试两种设备上的浏览器页面（不是应用中的 Webview），等我研究明白了怎么调试应用中的 Webview 会再写一篇。 Android 参考：使用Chrome://inspect调试 Android 设备上Webview 注意： 调试安卓设备的浏览器页面很简单，按照参考文章操作没有遇到什么问题。 可以调试安卓自带浏览器和Chrome。 IOS 参考： 使用 ios-webkit-d...
如何在 PC 机上测试移动端的网页？
软件测试技术交流分享
08-09 2576
随着技术发展，手机的普及化大众化，人们更喜欢在移动设备浏览网页。17年第二季度开始，从国际视野来看，移动端流量开始超过PC端流量（见下图）。同时根据国际数据公司预计，到 2025 年智能手机出货量将超过 15 亿部。这意味着移动端流量占比将进一步提升，移动端测试的重要性也进一步提升。 ...
PC浏览器调整Android的界面,在电脑上调试手机端页面
weixin_29337315的博客
05-28 855
这一篇是使用谷歌调试工具进行手机页面调试的文章，主要是转载了谷歌的说明，主要使用谷歌浏览器PC端，和谷歌浏览器Android端，原页面在安卓设备上使用 Chrome 远程调试功能你的网页内容在移动设备上的体验可能和电脑上完全不同。Chrome DevTools 提供了远程调试功能，这让你可以在安卓设备上实时调试开发的内容。安卓远程调试支持：在浏览器选项卡中调试网站。在原生安卓应用中调试网页内容。将...
通过浏览器调用Android或iOS应用
xu_song的专栏
01-20 785
在做移动应用单点登录的时候，需要在浏览器里点击链接启动APP并将参数传到APP里的相应接口进行处理，现将通过浏览器调用Android和iOS应用的实现过程整理出来固化到博客，以便查询。 一：通过浏览器调用Android应用 1）修改配置文件AndroidManifest.xml，在需要打开的activity下添加如下配置：           
通过chrome浏览器调试手机页面(IOS和Android)
雷霆未来
08-03 3569
一、针对android设备 1、在android设备上开始开发者模式 2、将设备连接到PC，在chrome浏览器地址栏输入： chrome://inspect/#devices 3、在手机上打开网页的时候，chrome就会检测到网页，可以直接调试 二、针对IOS设备 PS：如果使用的是MAC电脑，可以直接在safari的开发里面找到，我的Iphone里面可以检测网页 1、在Iphone的设置-》safari-》高级-》web检查器。打开 2、在电脑上安装ios_webkit_debug_proxy和Re
浏览器调试移动端网页包括安卓和苹果两种设备
开心大表哥
06-13 7453
情景：手机浏览器上打开一个网页发现界面出错了，可在电脑浏览器上运行的明明很完美，但是我无法对手机浏览器上的页面进行审核元素；这可怎么调试啊，怎样才能知道它在哪里错了！ 解决方案有两个： 一：引入vconsole插件，手机上可以出现审核元素的界面供调试 二：真机连电脑调试。 a.安卓手机解决方案： 1. 手机开启调试模式连接电脑，确保是调试模式连接的，安卓机型太多自行百度吧！（可以参考...
whistle 真机调试移动端页面（移动端页面适配不同型号手机和不同浏览器调试 支持跨平台调试iOS Android）
Tom的博客
10-15 1633
问题：移动端页面适配不同型号手机和不同浏览器调试 使用whistle原因 在前端页面开发过程中经常遇到真机页面与PC上的Chrome浏览器调试器不一致，例如iPhone上的Safari浏览器、微信自带浏览器等自带的底部导航栏无法在PC上的Chrome浏览器上模拟。 在真机上调试页面又无法查看页面文档结构以及元素属性等代码，导致页面Bug无法定位等问题。 因此，在开发过程中需要使用whistle在真机上进行移动端页面跨平台调试，在PC上预览移动端的页面结构等调试功能。 whistle是基于Node实现的跨平台
IOS浏览器调试工具.rar
04-10
IOS浏览器调试工具
Xcode iOS 16真机调试包 开发调试
10-31
Xcode iOS 16真机调试包 开发调试 iOS16适配
ios真机调试包,真机支持,13.2
11-06
ios真机调试包,真机支持,13.2 xcode 10 , ios 13 ios真机调试包,真机支持,13.2 xcode 10 , ios 13
iOS16.5 真机调试包
06-20
iOS16.5 真机调试包， 路径： /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport 使用方法： 1、下载资源，放入上述路径中； 2、重启Xcode即可使用。
iOS16.5-真机调试包
05-25
iOS16.5-真机调试包
Android TextView IndexOutOfBoundsException: setSpan (-1 ... -1) starts before 0
主要记录一些问题处理记录，部分是作为知识库使用
05-29 816
在设置了clickspan的textview 出现了下标越界问题。TextView IndexOutOfBoundsException: setSpan (-1 ... -1) starts before 0
php反序列化学习（2）
最新发布
2302_79119987的博客
05-30 777
反序列化字符串减少逃逸:多逃逸出一个成员属性，第一个字符串减少，吃掉有效代码，在第二个字符串构造代码反序列化字符串增多逃逸:构造出一个逃逸成员属性第一个字符串增多，吐出多余代码，把多余位代码构造成逃逸的成员属性。
安卓手机APP开发___设置闹钟
红孩儿编程大师
05-29 1101
闹钟（基于 AlarmManager 类）为您提供了一种在应用生命周期之外 执行基于时间的操作的方法。例如，您可以使用闹钟启动长时间运行 的操作，如每天启动一次服务以下载天气预报。
macOS上编译android的ffmpeg及ffmpeg.c
一个VA生的博客
05-27 806
前段时间介绍过使用xcode和qt creator编译调试ffmepg.c，运行平台是在macOS上，本文拟介绍下android平台如何用NDK编译链编译ffmepg库并使用。macOS上使用qt creator编译调试ffmpeg.cmacOS上将ffmpeg.c编译成Framework其一，分别介绍使用GCC和CLang编译器来编译ffmpeg库的方法；其二，介绍如何将ffmpeg的多个so库打包成1个so库之法；
vue 判断 iOS设备是真机还是浏览器调试模式
05-03
可以通过判断`navigator.userAgent`中是否包含`Safari`和`Mobile`来判断是否在iOS设备上，然后再通过判断是否在`standalone`模式下来判断是否为真机。 代码示例： ```js const isIOS = /Safari/.test(navigator.userAgent) && /Mobile/.test(navigator.userAgent); const isStandalone = window.navigator.standalone; if (isIOS && !isStandalone) { // 在iOS设备的浏览器中 } else if (isIOS && isStandalone) { // 在iOS设备的真机上 } else { // 非iOS设备 } ``` 需要注意的是，在iOS 13.4+的版本中，`standalone`标记会被设置为`true`，即使在浏览器中打开应用也会被认为是真机。因此，以上代码在iOS 13.4+版本中判断会有误，需要做特殊处理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
写文章

热门文章

  • 一文看懂vue3中setup()和 ＜script setup＞＜script＞的区别 15598
  • 记录一下vue3和ts的坑 (遇到就会写) 5210
  • 笔记: 移动端h5 vue3+vue-virtual-scroller加载不定高巨量数据,支持上拉加载,下拉刷新(配合vant PullRefresh)+ 分页加载以及避坑指南 3929
  • typescript tsconfig.config.json配置文件中各项说明 3773
  • 前端阿里云oss直传图片遇到的问题与解决方案 vant + vue3 + oss 2313

分类专栏

  • 记录那些vue的小笔记 11篇

最新评论

  • vue3中gif动态图只加载一次的问题

    努力学前端的小F: 我移动端好使的呀 你啥平台

  • vue3中gif动态图只加载一次的问题

    weixin_51511755: 亲测无用

  • 一文看懂vue3中setup()和 ＜script setup＞＜script＞的区别

    prepend1234: reactive(),toRefs(),这2个变了没有？

  • 一文看懂vue3中setup()和 ＜script setup＞＜script＞的区别

    努力学前端的小F: 谢谢 主要是当笔记用😂一起加油呀！

  • 一文看懂vue3中setup()和 ＜script setup＞＜script＞的区别

    密封罐子: 太优秀了 写的清楚明白 没有一句废话

您愿意向朋友推荐“博客详情页”吗？

  • 强烈不推荐
  • 不推荐
  • 一般般
  • 推荐
  • 强烈推荐
提交

最新文章

  • 笔记: 移动端h5 vue3+vue-virtual-scroller加载不定高巨量数据,支持上拉加载,下拉刷新(配合vant PullRefresh)+ 分页加载以及避坑指南
  • vue3中gif动态图只加载一次的问题
  • 前端阿里云oss直传图片遇到的问题与解决方案 vant + vue3 + oss
2023年1篇
2022年4篇
2021年8篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值

深圳SEO优化公司醴陵品牌网站设计公司定西企业网站制作泉州关键词按天计费哪家好吉祥建设网站报价鹰潭网站建设设计多少钱兰州网站改版哪家好黄冈网站优化推广报价固原百度seo报价日照网站制作梅州模板推广昌吉网络营销价格横岗seo网站推广多少钱舟山SEO按天扣费哪家好邵阳网站关键词优化多少钱吉祥SEO按天收费价格赤峰外贸网站建设推荐丽江网站优化襄阳百姓网标王推广哪家好大连推广网站哪家好宝鸡外贸网站建设济源网络营销哪家好荆门阿里店铺托管报价汉中网站推广方案报价南阳百搜标王蚌埠外贸网站设计推荐舟山网站制作哪家好枣庄营销网站固原百度seo多少钱绍兴网站搭建价格滨州阿里店铺运营推荐歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅：唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人？开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

深圳SEO优化公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化