Safari 调试iPhone web页面（App为开发版）

最新推荐文章于 2024-07-29 17:22:05 发布
最新推荐文章于 2024-07-29 17:22:05 发布
阅读量7k 收藏 2
点赞数 1
分类专栏： iOS基础 文章标签： Safari iOS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/heqiang2015/article/details/83991986
版权
本文介绍了如何配置Safari以调试iPhone上的Web页面，包括在Safari偏好设置中启用开发菜单，iPhone上Safari的高级设置，以及如何通过连接设备在Mac上进行调试。同时提及了Chrome调试Android Web页面的简易步骤。
摘要由CSDN通过智能技术生成

1、Safari设置：
打开Safari偏好者设置，选中“高级菜单”，将页面最下方的“在菜单中显示开发菜单”复选框打钩，这样设置完毕后就能在Safari菜单中看到开发菜单
在这里插入图片描述

2、iPhone 设置：
打开iPhone手机设置——>选择Safari，找到高级选项，有JavaScript开关web检查器开关，将两个开关打开
在这里插入图片描述

3、iPhone连接mac上，打开Safari浏览器，运行App（开发版）或者手机Safari的web页面，在开发菜单中选择连接的手机，找到调试的网页，就能在Safari里面调试
在这里插入图片描述

最低0.47元/天 解锁文章
heqiang2015
关注
专栏目录
safari 调试移动端_使用Safari开发工具调试iPhone移动Web应用程序
weixin_26735419的博客
09-28 1387
safari 调试移动端I was developing a mobile web application for work that scans a QR code to check someone in for a hiring event, and I wanted to make sure the data being decoded from the QR code was correc...
safari调试iOS app web页面的步骤
08-30
主要为大家详细介绍了safari调试iOS app web页面的步骤，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
教你如何使用Windows电脑对IOS手机上的网页进行调试
最新发布
墨离的博客
07-29 2873
你会看到下面的页面：这个时候随便选择一个页面，右键复制链接到调试页面进行输入，这个时候输入回车，你会发现并没有什么用。安装scoop，scoop会默认安装到C:\Users\（自己的用户名）\scoop文件夹里面，也可以指定安装目录。这个时候过一会，大概率是能看到应用了，并且已经出现了inspect按钮。这个时候点击过去，大概率页面会是空白。打开“设置”→找到“Safari 浏览器”点击进去→往下滑找到“高级”进行点击→打开“Web检查器”。那么可以开启梯子之后，重新执行，顺利的话可以解决这个问题。
iPhone Safari Web开发经验
weixin_30732825的博客
07-20 395
1. userAgent iPhone userAgent: Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_0_1 like Mac OS X; zh-cn) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7A400 Safari/528.16 ACCEPT:application/xm...
Safari调试iOS应用
Reyn_观极
06-26 1191
思路： 搜索一下 hubilder xcode 真机调试 Mac里需要装xcode 注意xcode版本 和huilder版本 出问题可能是xcode和hbuilder版本问题 Google下即可 HBuilder对前端代码的调试方式有边改边看、真机运行、webkit remote debug真机调试3种。 系列文章目录导航： 调试方式介绍一 边改边看 调试方式介...
在Safari浏览器 调试真机 webAPP、 WebView界面
weixin_40533586的博客
04-02 2383
前言 前端开发平常都是在谷歌浏览器的虚拟设备下直接调试。做移动端开发的朋友经常会遇到 虚拟器安然无恙，真机上就各种奇葩问题。 没关系，好多朋友不知道h5页面可以将手机连接到电脑，直接在电脑上调试，让我们一起来了解一下吧！ 步骤 步骤一：Safari 浏览器的设置 打开Safari偏好设置，点击菜单 “高级“ ，在页面最下方 选中 “在菜单中显示开发菜单”的复选框，在复选框内打钩...
移动端调试 — iPhone +Safari
weixin_34233618的博客
04-22 125
1 开启iOS设备的调试功能 打开“设置”程序，进入“Safari”->“高级”页面开启“Web检查器”： 2 mac safari浏览器设置开发者工具 safari ->偏好设置 -> 高级 ->勾选在在菜单栏中显示开发菜单 3 链接USB线，在手机端发送url请求，并在mac Safari中加载本地请求，进入调试页面 转载于:https://...
使用Safari或者Chrome远程调试IOS Safari中的页面
后端老鸟
08-15 2355
【转载请注明出处】：https://blog.csdn.net/huahao1989/article/details/107967581 1 使用Safari浏览器调试 1.1 打开Mac的 Safari 浏览器的“开发”菜单 运行 Safari 浏览器，然后依次选取“Safari 浏览器”>“偏好设置”，点按“高级”面板，然后勾选“在菜单栏中显示开发菜单”。 1.2 开启IPhone的Safari调试模式 启用 Web 检查 功能，打开 iPhone 依次进入 设置 > Safari浏览器
ios safari 模拟器_Safari调试iOS应用
weixin_31482387的博客
01-11 2258
HBuilder对前端代码的调试方式有边改边看、真机运行、webkit remote debug真机调试3种。系列文章目录导航：Safari调试iOS手机概述对于HTML5的开发，大家都知道Chrome的DevTools工具有强大的功能和友好的用户体验，不仅能快速方便调试JavaScript、检查HTML页面DOM结构、实时同步更新元素CSS样式，还能跟踪分析页面资源加载性能等问题。对于移动平台的...
谷歌浏览器html调试iphone11,如何用windows电脑+ios调试手机上打开的网页
weixin_32199977的博客
06-04 2323
一、环境PC chrome浏览器(版本45、46)IOS safari浏览器(11.2.6)win系统(win7、win10)一根USB数据线二、打开iphone上 Safari浏览器的web检查器设置 --> Safart浏览器 ---> 高级--- > 打开Web检查器 三、windows上安装iTunes下载地址：iTunes四、windows上安装ios-webkit-d...
ios safari 模拟器_iOS 模拟器调试大法了解一下?
weixin_34808718的博客
01-11 797
转自IMWeb社区，作者：HuQingyang，原文链接前段时间，老板说：iPhone 又出了那么多新机型，你搞下兼容吧。我：测试机呢？老板说：没有。我：？？？这让我十分为难，毕竟巧妇难为无米之炊，于是我只好使出绝招：模拟器大法！一. 安装 & 启动首先需要安装 Xcode，安装完毕后，在终端中运行 xcode-select --install安装 Command-line-tools。安...
safari调试iPhone app web页面
张梦磊
08-30 487
Safari设置 打开Safari偏好者设置，选中“高级菜单”，在页面最下方看到“在菜单中显示开发菜单”的复选框，在复选框内打钩，这样设置完毕就能在Safari菜单中看到开发菜单了 iPhone设置 打开iPhone手机设置app 选择Safari，最下边找到高级选项，有JavaScript开关web检查器开关，讲两个开关都打开 到此，准备工作完成。这时候讲iPhone...
Safari调试iOS web页面
雨巷的博客
02-29 4878
Safari调试iOS web页面 前言：移动端web页面调试一直是前端的一大痛点，所幸的是，在iOS调试方面，可以利用mac safari去调试对应的web页面。 本文将简要介绍如何使用mac safari调试iOS web页面。 Safari设置 打开Safari偏好者设置，选中“高级菜单”，在页面最下方选中“在菜单中显示开发菜单”的复选框，这样设置完毕就能在Safari菜单中看到开发菜单了...
ios在Safari上调试H5页面
weixin_41815063的博客
07-13 2813
第一步： Safari设置：打开Safari,找到偏好设置，点击高级-->勾选上”在菜单栏显示开发菜单“ 第二步：Iphone设置，在设置中找到Safari浏览器，打开高级---> 打开JavaScript 第三步： 调试：手机和电脑用数据线链接，用手机打开app里面的web页面，就可以看到运行页面内容，点击页面就可以看到控制台和页面代码，进行调试了 ...
【iOS】Safari开发者工具
田一一
07-01 1461
当我们向查看模拟器上一个完整的网络请求时，往往需要vConsole，但是不方便调试，那么，Safari的开发者功能就会完美帮助我们解决这个问题。2 打开"开发"->选择模拟器，选择模拟器上的网络请求->可以详细查看请求详情了。3 从应用程序中选中想要查看的请求，这样就可以随心所欲的查看想要的信息了。Safari->首选项->高级->开启“在菜单栏中显示‘开发’菜单”1 在模拟器上访问网络请求。
Safari 前端开发调试 iOS 完美解决方案（iPhone/iTouch 等）
happyrabbit456的专栏
04-20 4287
转载：http://chon.io/blog/safari-ios-iphone-itouch-web-dev-inspector/ 在日趋现代化的 Web 网络中，各种现代浏览器和移动终端设备的用户百分比越来越高。对于我们 Web 前端开发者来说，运行 iOS Safari 浏览器的苹果移动设备对我们来说更是不容忽视的。然而当我们需要对前端页面进行测试调试时，桌面版 Safari 的表现并
safari 调试 打印刚加载界面时缓存的log信息 iOS Safari调试iPhone设备上的网页
baidu_40537062的博客
09-07 1732
设置 -> safafi -> advanced(高级) -> Web Inspector(网页检查器)
App真机 - 联调chrome、Safari调试
热门推荐
White feathe 的博客
03-07 1万+
只需要两步骤：1、先保证 是否安装了chrome浏览器2、其次 ，保证 chrome 是否 已经翻墙成功！3、最后 使用android 真机连接 电脑4、最后的最后，打开chrome ,输入：chrome://inspect即可，另外，chrome只支持 android 4.4以上手机！
iOS模拟器调试Web页面技巧详解
开启App的相应设置后，同样可以通过Safari的Web检查器连接到Webview内的页面进行调试。 通过上述步骤，开发者可以在iOS模拟器中有效地调试Web页面，模拟真实的用户行为，同时避免真机调试带来的复杂性。这种调试...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值