Safari调试iOS中的js

最新推荐文章于 2024-01-10 17:10:01 发布
最新推荐文章于 2024-01-10 17:10:01 发布
阅读量1w 收藏
点赞数
分类专栏： iOS---经典教程 文章标签： JavaScript safari 移动平台 iOS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dachao_me/article/details/48031499
版权
这篇博客介绍了如何在iOS设备上利用Safari的Web Inspector工具进行HTML5开发的调试工作。从iOS5.0开始，开发者可以通过开启设备和Safari的特定设置，在模拟器或真机上进行JavaScript、DOM结构和CSS样式的调试。真机调试时，需要注意应用必须为测试签名的包。调试流程包括开启设备和Safari的调试功能，连接真机设备并在Safari的‘开发’菜单中选择HTML页面进行调试。
摘要由CSDN通过智能技术生成

概述

对于HTML5的开发，大家都知道Chrome的DevTools工具有强大的功能和友好的用户体验，不仅能快速方便调试JavaScript、检查HTML页面DOM结构、实时同步更新元素CSS样式，还能跟踪分析页面资源加载性能等问题。

对于移动平台的开发者来说，从iOS5.0开始，也可以通过Safari的Web Inspector工具连接设备对应用进行调试。

调试效果如图所示：


我们有2

最低0.47元/天 解锁文章
high_flying_boy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
safari调试工具h5手机_iOS之Safari调试webView/H5页面
weixin_29130369的博客
12-23 645
之前做过混合开发，用的是JavaScriptCore+OC+UIWebView。Safari调试功能真的很有用，通过它可以轻松定位问题的所在，下面说说怎么调试.开启Safari开发菜单在Mac的Safari偏好设置中，开启开发菜单。具体步骤为：Safari -> 偏好设置… -> 高级 -> 勾选在菜单栏显示“开发”菜单。iPhone开启Web检查器具体步骤为：设置 -> ...
使用MAC电脑、iPhone 真机调试 H5页面
最新发布
qq_14854339的博客
04-09 1267
使用 Mac 电脑和 iOS 手机，真机调试 H5页面
打开Safari的Javascript调试功能
weixin_34324081的博客
08-14 320
众所周知，Firefox有一个Error Console可以很方便的调试Javascript的错误，特别加上一些强大的扩展，比如Firebug，在Firefox下面写Javascript简直就是一种享受，最近写一个Mini Editor的时候，在Safari下面一直不太正常，Safari其实也有DEBUG功能的，只是默认没有开启而已，好了，我们的目标就是开启Safari 的DEBUG功能，一共有两...
JS 判断浏览器类型，获取位置信息，让手机震动
weixin_33939380的博客
12-26 294
判断是否是安卓 var isAndroid = /Android/i.test(navigator.userAgent); 判断是否是IOS系统 var isIOS = /iPhone|iPad|iPod/i.test(navigator.userAgent); 判断是否是手机浏览器 var isMobile = /mobi/i.test(navi...
Safari各版本的Javascript调试功能
0li's Blog
09-16 5085
Safari 其实也有DEBUG功能的，只是默认没有开启而已，好了，我们的目标就是开启Safari的DEBUG功能，一共有两种方法： 打开 C:\Documents and Settings\Your Username\Application Data\Apple Computer\Safari\Preferences.plist 文件，他是个 XML 文件，我们只需要在最末尾的 的前
Safari 浏览器插件（扩展）开发
热门推荐
mjzhang1993的博客
06-22 1万+
Safari 浏览器插件 前期准备 http://developer.apple.com 开发者账号注册 需要 Apple ID Safari Extension 旧版文档 适用于 2018 年前， Safari 12版本之前，大部分接口不可再使用 Safari App Extension 新版文档 旧版中关于与浏览器APP 相关的接口，改为通过 Swift 实现，适用于 Safari 12版本及后续版本 有关插入脚本或者样式的文档 有关 NSExtension: 控制访问权限的配置 上下文菜单与工具栏
safari调试iOS app web页面的步骤
08-30
Safari调试iOS App Web页面的步骤 Safari浏览器是 macOS 和 iOS 系统的默认浏览器，同时它也提供了强大的开发者工具，可以帮助开发者调试和优化 Web 应用程序，包括 iOS App 中的 Web 页面。在移动端开发过程中，很...
iOS 真机调试微信小程序
08-27
iOS 真机调试微信小程序 知识点摘要： 1. 微信小程序真机调试的必要性：小程序开发完成后，需要在真机上进行测试和调试，真机调试可以发现开发者工具中不能发现的 bug，并帮助理解小程序的运行原理。 2. 使用 ...
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决
11-28
最近在写一个时间判断脚本，需要将固定好的字符串时间转换为时间戳进行比较，在做的时候个人习惯使用chrome作为调试工具，代码基本完成之后，一切正常； 使用其他浏览器访问，好嘛，IE跟safari都不兼容，返回错误”...
Xcode14.3.1真机调试iOS17的方法
w708955424的博客
01-10 1111
而随着 iOS 系统的不断更新和升级，Xcode 也在不断地升级和改进，确保最好的开发体验。在最新的 iOS17 环境中进行真机调试，可以让你更好地了解和测试应用程序的性能和可用性。然后，填写项目的名称和相关信息，点击“Next”按钮，进入下一步。在签名设置中，选择你的开发者账号，并选择你要使用的证书和描述文件。确保你的设备已经被允许进行开发者模式下的调试，否则无法进行真机调试。在进行真机调试时，需要确保你的应用程序版本与设备的系统版本兼容。然后，你可以在设备上运行应用程序，并进行真机调试。
iOS调试大全
weixin_41632891的博客
09-06 630
控制台输入命令：bt。
iOS真机调试详细图文教程
05-09 8290
相关文章链接： 《 Xcode7 免证书/$99 真机调试教程 》 《Provisioning Profile和Code Signing常见问题,原因分析及解决方法汇总.》 最近真是被这Xcode真机调试以及证书/配置文件问题搞得想死的心都有了,连着两天遇到各种问题,然后就各种百度,各种Google,就连我多年不用的英语都拿出来在stackoverflow上提问,就为了搞定个真机调试,宝
在网页的JS中注入Hook
小玉的小本本
03-01 1284
在网页的JS中注入HookChrome浏览器的overrides的使用 (itcoder.cn)[1]以下为Edge 的示例1.本地新建一个目录2.用浏览器关联该目录选择目录后,浏览器上方会弹出一个横条提示确认点击允许后即可关联3.将原文件添加进关联目录回到网络标签右键点击JS 文件选择保存以替代即可4.修改源文件此时即可在源文件中进行修改修改完成后记得 CTRL + S 保存5.刷新网页,查看效果注: 是否禁用缓存,不影响本地替代效果References[1] Chrome浏览器的overrid
iOS console调试之chisel
bluewindaa的专栏
09-18 375
iOS调试之chisel Chisel 是一个 LLDB 指令集合，用户辅助 iOS 应用差错。 安装 chisel的安装需要使用Homebrew，如果还没有安装Homebrew，可以使用下面的命令安装，如果你已经安装了，可以跳过这一步 ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/ma...
在iOS开发中，在视频初始状态时获取视频的第一帧图片
周自包的博客
09-19 3208
先获取视频的URL，然后初始化一个MPMoviePlayerController做工具，利用MPMoviePlayerController来拿图片，看具体代码如下： - (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info
前端页面js 调试技巧
ljh_learn_from_base的博客
02-20 4467
相信大多数人苦于写js 的时候，遇到错误，不知道如何调试。今天工作中，在一个偶然的机会，发现了这么一个技巧 我使用的Google 浏览器 1.调试--在浏览器中按快捷键ctrl+shift+I 或者右键，选择检查，打开调试窗口 打开后，选择sources 在你想要断点的地方的行号点击一下 当然，这是最好的情况，然而大多数情况是，浏览器sources中并没有显示 我们写js 文...
iOS App内webView的JS调试方法
sinat_25341167的专栏
07-01 2499
HTML、JS、CSS的Web三件套，时下占据了项目的主要业务部分，原生和JS的交互必不可少，下面总结iOS调试Webview的两种方法： 一、Safair浏览器调试方法 1.在手机设置里，找到Safair浏览器，在高级里启用Web检查器； 2.Mac上Safair浏览器，在偏好设置高级选项底部勾选“在菜单栏中显示开发菜单”； 3.手机连接Xcode工程，操作App跳转到JS页面，点击Mac上的Safair浏览器，在开发选项下拉菜单中，找到手机名称对应的html页面即可进入调试器；
safari浏览器实现模拟click点击事件
陈雪珊的博客
01-19 7124
在项目中经常会用到onclick点击事件触发效果，如给button按钮添加一个点击事件：<button id="btn">点我</button> <script> var btn = document.getElementById("btn"); btn.onclick = function(){ alert("终于点我了！"); } </script>然而有
如何免费进行ios调试
05-21
3. 在 Safari 中打开调试工具，可以调试网页的 HTML、CSS、JavaScript 等内容。 需要注意的是，Xcode 调试需要安装 Xcode，而 Safari 调试需要在 iOS 设备上进行设置。同时，iOS 调试需要确保你的设备和电脑在同一...

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值