利用Safari调试APP WebView界面

最新推荐文章于 2024-01-30 13:13:58 发布
最新推荐文章于 2024-01-30 13:13:58 发布
阅读量271 收藏 1
点赞数
文章标签： javascript ViewUI
原文链接：https://my.oschina.net/hejunbinlan/blog/1505429
版权

步骤一：Safari的设置

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

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

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

这里写图片描述

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

转载于:https://my.oschina.net/hejunbinlan/blog/1505429

chunqingtai2922
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
safari 调试移动端_使用Safari开发工具调试iPhone移动Web应用程序
weixin_26735419的博客
09-28 1368
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...
学习Mac开发第三弹 通过WebView加载网页
冷胜任 的专栏
12-28 7197
学习Mac开发第三弹 通过WebView加载网页 添加WebKit.framework  关联Delegate 在新建工程的ViewController里拖放一个WebView,并用Autolayout 上下左右约束,然后长按Control键,鼠标按住WebView拖向对应的控制器关联相关Delegate 创建WebView对象 用拖拽大法拖个 myWebView对象
Safari调试iOS应用
Reyn_观极
06-26 1167
思路： 搜索一下 hubilder xcode 真机调试 Mac里需要装xcode 注意xcode版本 和huilder版本 出问题可能是xcode和hbuilder版本问题 Google下即可 HBuilder对前端代码的调试方式有边改边看、真机运行、webkit remote debug真机调试3种。 系列文章目录导航： 调试方式介绍一 边改边看 调试方式介...
调试iOS App的WebView
weixin_33748818的博客
06-27 769
为什么80%的码农都做不了架构师？>>> ...
iOS实现在webview页面内点击链接，跳转指定App
weixin_34166472的博客
01-17 647
早上和UI刚谈到这个需求，然后自己试了一下，发现还是蛮简单的，记录一下：   思路分析： iOS内应用之间跳转都会用到 URL Schemes这个东西，简单的讲，这个就是用来定义app身份的一个id识别，这里定义了之后，手机运行过这个app之后，会在系统内部记录下这里的身份识别，下次，其他app想访问该app，只要请求那里定义的URL Schemes，手机自己就能找到这个app，从而实现跳转...
Android通过Chrome Inspect调试WebView的H5 App离线.rar
09-10
1.前端开发离不开Chrome的开发者工具，尤其是调试Android WebView时。然而，如果使用chrome://Inspect的方法，国内的开发者会惊奇地发现“空白啊”！为此，我发布过这个离线包的解决方案！可以无需FanQ就能调试了。 ...
webView谷歌离线调试包
08-17
调试基于WebView的App最舒服的工具Chrome自带的开发者工具，其中有我们熟悉的Dom树调试，JS调试，Network监视等等功能。 Google提供的调试Android上WebView的步骤： 1.开启手机上的USB调试功能并且连接计算机手机端...
iOS简单到无门槛调试WebView的步骤详解
01-21
近来这段时间一直在写内嵌在App中的Html,虽然在HBuilder中可以轻易的使用各种浏览器轻易调试Html,但是在Xcode中想调试Html却并不容易.Xcode的图形调试界面只能调试原生的UI.WKWebView和UIWebView只能显示黑屏. ...
Android离线webview调试工具,开发H5混合应用必备
05-14
在Android平台上，开发混合应用程序（Hybrid App）时，经常需要用到WebView来加载和展示H5内容。然而，对于H5页面的调试工作，开发者通常依赖于Chrome浏览器的开发者工具（Chrome DevTools），其中的`chrome://...
安卓调试调试webview Chrome://inspect 404 windows离线资源包
11-30
安卓调试调试webview(类似Chrome://inspect的功能)国内404,大家都懂的,经过我各种折腾制作完成,不会出现空白页面,无需科学那啥,不限机型,Hybrid App等H5混合应用开发必备
safari调试iOS app web页面的步骤
08-30
主要为大家详细介绍了safari调试iOS app web页面的步骤，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
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 9006
现在许多的App内都嵌入有Html页面，为了方便在进行App测试的时候，检查Html页面内元素以及元素样式，我们可以进行以下步骤，将手机App运行与Mac上的Safari进行连接。 工具： iPhone手机、Mac、数据线手机与电脑未设置链接手机与电脑未设置链接时的截图如下： iPhone手机： 打开手机->设置->Safari->高级 截图如下： Mac:
iOS17使用safari调试wkwebview
xo19882011的专栏
01-30 2761
但是这个功能突然到了iOS17之后发现不能用了，还以为又是苹果搞得bug，每次升级都有一些问题，可能要过一段时间才能修复。但是过了一段时间还是老样子，查了一下发现这个又是为了安全做的一层限制。之前开发wkwebview的页面的时候一直使用safari调试，毕竟jssdk交互还是要用这个比较方便，虽说用一个脚本插件没问题。想要调试还必须把这个设置给打开，行吧行吧。改完了果然又能够愉快的调试了。首先打开设置，然后选择safari，在选择高级设置，打开网络检查器。顺便回顾一下手机端safari的配置。
IOS-iphone端WKWebView开发者模式
Gaos的BLOG
12-17 1000
启动 APP ，加载 WKWebView 后即可在Mac端看到 H5页面。这时即可连接手机通过Safari中进行调试，Safari 开发中看到设备，可以查看当前的 HTML 代码，JS 代码，网络情况等。Mac端Safari显示开发菜单: Safari 浏览器 -> 偏好设置 -> 高级 -> 勾选在菜单中显示“开发”设置。手机端开启Web 检查器：设置 -> 通用 -> Safari -> 高级 -> Web 检查器。WKWebView调试App内嵌网页。
uni-app真机预览调试：关于ios系统真机调试的操作步骤
热门推荐
m0_66504310的博客
03-29 1万+
ios系统真机调试的操作过程
在mac电脑上,用Safari浏览器调试ios手机移动端页面
qq_25194685的博客
04-17 8483
打开iphone手机的开发者模式，流程是：【设置】->【Safari】->【高级】->开启【Web检查器】, 具体如下图所示 打开Mac上Safari的开发者模式，流程是【Safari】->【偏好设置】->【高级】->【在菜单栏中显示“开发”菜单】勾选 用数据线将iphone手机和mac连接起来，在电脑的safari中按照流程执行：【开发】->【手机名称】->【正在调试的网站】 最后，就可以按照调试pc端页面的思路来调试ios的页面了 这个时候调试移
【IOS的safari浏览器】uniapp的H5项目 safari＜添加到主屏幕＞功能的实现（多页面、单页面）
菜菜的博客
01-09 4216
添加到主屏幕功能的实现、Uniapp的H5项目
safari浏览器调试ios app中的web页面
qq_33303090的博客
06-10 1448
目前很多app都包含web页面，在测试过程中，若页面出现问题，就可以借助电脑浏览器的inspect来检测问题，下面记录通过safari浏览器检测ios app中的web页面的具体操作步骤 1. 安装依赖 前提： 安装依赖前需要确保itunes是最新版 确保你的mac电脑有安装Homebrew 安装 ios-webkit-debug-proxy 和 libimobiledevice：运行以下命令： brew update brew unlink libimobiledevice ios-webkit.
tv app webview
最新发布
02-21
通过使用TV App WebView，开发人员可以利用Web技术来扩展电视应用程序的功能和内容，同时保持应用程序的原生体验。 TV App WebView通常提供了一些API和事件，开发人员可以使用这些API和事件来控制WebView的行为和与...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值