利用Safari调试APP WebView界面

最新推荐文章于 2024-04-08 22:09:27 发布
最新推荐文章于 2024-04-08 22:09:27 发布
阅读量1.4k 收藏
点赞数
分类专栏： Mac
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shaobo8910/article/details/81704295
版权

步骤一：Safari的设置

打开Safari偏好设置，选中“高级菜单“，在页面最下方看到“在菜单中显示开发菜单”的复选框，在复选框内打钩，这样设置完毕就能在Safari菜单中看到开发菜单了

这里写图片描述]![(https://img-blog.csdn.net/20161031113430497) 
步骤二：iPhone设置

打开手机设置->Safari->高级（最下面）->Web检查器打开，JavaScript开关打开

这里写图片描述

步骤三：iPhone链接到mac上，打开Safari浏览器，运行手机app里面的web页面，在开发菜单中选择连接的手机，找到调试的网页，就能在Safari里面调试了 
这里写图片描述

水麒麟灬
关注
专栏目录
safari 调试移动端_使用Safari开发工具调试iPhone移动Web应用程序
weixin_26735419的博客
09-28 1429
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调试工具h5手机_iOS之Safari调试webView/H5页面
weixin_29130369的博客
12-23 731
之前做过混合开发，用的是JavaScriptCore+OC+UIWebView。Safari调试功能真的很有用，通过它可以轻松定位问题的所在，下面说说怎么调试.开启Safari开发菜单在Mac的Safari偏好设置中，开启开发菜单。具体步骤为：Safari -> 偏好设置… -> 高级 -> 勾选在菜单栏显示“开发”菜单。iPhone开启Web检查器具体步骤为：设置 -> ...
Safari调试iOS应用
Reyn_观极
06-26 1236
思路： 搜索一下 hubilder xcode 真机调试 Mac里需要装xcode 注意xcode版本 和huilder版本 出问题可能是xcode和hbuilder版本问题 Google下即可 HBuilder对前端代码的调试方式有边改边看、真机运行、webkit remote debug真机调试3种。 系列文章目录导航： 调试方式介绍一 边改边看 调试方式介...
调试iOS App的WebView
weixin_33748818的博客
06-27 797
为什么80%的码农都做不了架构师？>>> ...
Safari/Chrome调试WebView
热门推荐
Leo的专栏
06-17 1万+
前言 最近在写《iOS代码调试》系列的博客，估计会有十篇以上的内容，等到都写完了会在Github开源出来，欢迎关注我的Github： LeoMobileDeveloper WebView 大多数App会选择H5去实现某些弱交互但是却需要热更新界面，这时候WebView就派上用场了，那么如何对WebView进行调试呢？ Safari 开启开发菜单 Safari -> 偏好设置...
iOS简单到无门槛调试WebView的步骤详解
01-21
近来这段时间一直在写内嵌在App中的Html,虽然在HBuilder中可以轻易的使用各种浏览器轻易调试Html,但是在Xcode中想调试Html却并不容易.Xcode的图形调试界面只能调试原生的UI.WKWebView和UIWebView只能显示黑屏. ...
widows 系统下调试 ios webview里的H5页面
weixin_40650646的博客
07-15 2459
widows 系统下调试 ios webview里的H5页面,您知道不？如果有这需求，看这篇就够了。
在电脑上调试手机上的webview
llz383455526的专栏
01-25 3825
以下操作基于Chrome浏览器。 步骤： [TOC]1. 在前期开发阶段，使用开发者工具，粗略查看页面在不同平台（Android、Iphone）、不同分辨率下的显示效果。这个就不用多说了，web开发者都会用这个。2. 后期测试阶段，使用inspect工具。查看页面再具体手机上的显示效果。 手机通过连上电脑，并打开usb调试（Android如此，Iphone可以使用Safari自带的工具）。 浏览
safari调试iOS app web页面的步骤
08-30
主要为大家详细介绍了safari调试iOS app web页面的步骤，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
【iOS安全】开启任意app的WebView远程调试
Juruo@Security
08-09 2224
【iOS安全】开启任意app的WebView远程调试
App真机 - 联调chrome、Safari调试
White feathe 的博客
03-07 1万+
只需要两步骤：1、先保证 是否安装了chrome浏览器2、其次 ，保证 chrome 是否 已经翻墙成功！3、最后 使用android 真机连接 电脑4、最后的最后，打开chrome ,输入：chrome://inspect即可，另外，chrome只支持 android 4.4以上手机！
如何用MAC上的Safari检查iPhone手机App运行的Html页面
翱翔的魁魁
06-15 9081
现在许多的App内都嵌入有Html页面，为了方便在进行App测试的时候，检查Html页面内元素以及元素样式，我们可以进行以下步骤，将手机App运行与Mac上的Safari进行连接。 工具： iPhone手机、Mac、数据线手机与电脑未设置链接手机与电脑未设置链接时的截图如下： iPhone手机： 打开手机->设置->Safari->高级 截图如下： Mac:
【iOS安全】开启任意app的WebView远程调试_app webview调试hook
最新发布
m0_58269070的博客
04-08 1330
发送给Filza，使用Filza进行安装。
在Safari浏览器 调试真机 webAPP、 WebView界面
weixin_40533586的博客
04-02 2435
前言 前端开发平常都是在谷歌浏览器的虚拟设备下直接调试。做移动端开发的朋友经常会遇到 虚拟器安然无恙，真机上就各种奇葩问题。 没关系，好多朋友不知道h5页面可以将手机连接到电脑，直接在电脑上调试，让我们一起来了解一下吧！ 步骤 步骤一：Safari 浏览器的设置 打开Safari偏好设置，点击菜单 “高级“ ，在页面最下方 选中 “在菜单中显示开发菜单”的复选框，在复选框内打钩...
在 Window下调试 ios 的 Safari 浏览器
weixin_48845614的博客
06-02 3369
【代码】在 Window下调试 ios 的 Safari 浏览器。
iOS17使用safari调试wkwebview
xo19882011的专栏
01-30 3515
但是这个功能突然到了iOS17之后发现不能用了，还以为又是苹果搞得bug，每次升级都有一些问题，可能要过一段时间才能修复。但是过了一段时间还是老样子，查了一下发现这个又是为了安全做的一层限制。之前开发wkwebview的页面的时候一直使用safari调试，毕竟jssdk交互还是要用这个比较方便，虽说用一个脚本插件没问题。想要调试还必须把这个设置给打开，行吧行吧。改完了果然又能够愉快的调试了。首先打开设置，然后选择safari，在选择高级设置，打开网络检查器。顺便回顾一下手机端safari的配置。
在Windows上调试iPhone/iPad的safari浏览器
MoLeft's Blog
05-11 3569
在安卓上面可以使用adb链接电脑，使用Chrome Inspect进行调试网页(QQ/微信的x5内核也可以)，但是自从换了iPhone之后就没有这个乐趣了，所以我便开始摸索起来如果使用Chrome Inspect来调试safari浏览器(因为iPhone上面的QQ/微信没有x5内核，所以只能调试safari了)如果不出意外，这个时候应该就装好了，会出现一行小绿字，就像下面这样。到这，如果不出问题，就已经装好了Scoop，接下来就可以去装远程调试需要的依赖了，命令也很简单，就两行。
tv app webview
02-21
TV App WebView是一种在电视应用程序中入网页内容的技术。它允许开发人员在电视应用程序中显示网页，并与网页内容进行交互。TV App WebView通常是基于Web技术（如HTML、CSS和JavaScript）构建的，可以加载和显示网页，并提供与网页内容的交互功能。 TV App WebView可以用于多种用途，例如在电视应用程序中显示在线视频、展示网页内容、提供在线购物体验等。通过使用TV App WebView，开发人员可以利用Web技术来扩展电视应用程序的功能和内容，同时保持应用程序的原生体验。 TV App WebView通常提供了一些API和事件，开发人员可以使用这些API和事件来控制WebView的行为和与网页内容进行交互。例如，开发人员可以使用API来加载网页、执行JavaScript代码、处理网页中的链接和表单等。 总结一下，TV App WebView是一种在电视应用程序中嵌入网页内容的技术，它可以扩展应用程序的功能和内容，并提供与网页内容的交互能力。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值