嗯哼之 Safari 调试 iPhone Web Page

2024-04-05 07:12:23

LZ-Says：勇敢说出来，虽然错过，但是总比不说要好。说出来错过了，还是幻想着某天可以继续默默守护，是么？

前言

话说，近些日子一直处理集团官网开发中，前几日接到测试反馈，移动端某个页面兼容性有问题。

无奈着使用 Android 以及 iOS 设备分别打开进行复现，果不其然，iOS 上出现了不兼容，某些样式出现问题。

犯愁，这个怎么调试呢？

网上搜索各种方案，只有一个结果，那就是纯粹的浪费时间。

But，可能和我的搜索方式有关吧，Boss 提供了一个链接，LZ 亲自实验了下，以下是 LZ 操作过程，特此记录，点滴记录美好生活～

冲鸭～

首先放置一张如何通过 Safari 调试 iPhone Web Page 效果图：

其实，主要是通过打开 Safari 开发模式并且启动 JSContext 网页检查器进行调试。

本篇主要演示以下俩种方式：

开启 iOS 模拟器进行调试
连接 iPhone 进行调试

原理一样，步骤一样，分开记录，避免未来出现忘记情况。

同样的坑，不想再次跌倒第二次。

首先，开启 Safari 开发菜单，如下图所示：

一、开启 iOS 模拟器进行调试

Step 1： 启动 iOS 模拟器，随后打开浏览器，键入准备调试的网址。

Step 2： 开启「自动显示 JSContext 的网页检查器」

随后选择「开发 —> 模拟器 —> 以及要调试的网址」

随后，开始浪吧～

二、连接 iPhone 进行调试

打开 iPhone，找到设置中的 Safari 浏览器，开启如下俩个按钮：

随后，连接 Mac，重复以上步骤即可：

个人公众号

不定期发布博文，最近有点忙，感谢老铁理解，欢迎关注～

参考链接

safari调试iPhone app web页面：https://www.jianshu.com/p/30de92fa0d0d

嗯哼之 Safari 调试 iPhone Web Page相关推荐

safari 调试iPhone web页面
safari设置-打开Safari偏好者设置,选中"高级菜单",在页面最下方看到"在菜单中显示开发菜单"的复选框,在复选框内打钩,这样设置完毕就能在Safari ...
safari调试iPhone app web页面
safari调试iPhone app web页面 date: 2016-09-09 09:36:29 Overview 当下移动端开发过程中大量使用前段H5.js等等技术,而这些web页面的调试在Xc ...
safari 调试打印刚加载界面时缓存的log信息 iOS Safari调试iPhone设备上的网页
文章目录 1.开启电脑端safari的调试 2.开启手机端iphone的safari调试 3.打印刚加载界面时的log信息:进入到要调试的网页后点击刷新(reload)就可以了 4.参考博客 1.开启 ...
iphone 打开safari调试
下面的博客,亲测有效 Safari 调试iPhone web页面(App为开发版)
safari无法调试iphone提示“无可检查的应用程序”的解决方法
safari无法调试iphone提示"无可检查的应用程序"的解决方法参考文章: (1)safari无法调试iphone提示"无可检查的应用程序"的解决方法 ( ...
Safari调试iOS应用
思路: 搜索一下 hubilder xcode 真机调试 Mac里需要装xcode 注意xcode版本和huilder版本出问题可能是xcode和hbuilder版本问题 Google下即 ...
适合前端工作者的iPhone Web App开发
iPhone有着丰富的软件资源,到目前为止,仅在appStore上架的软件就达十多万个,而相比之下,有着10年历史的WM系统却不过只有大约2万个应用程序. 随着ipad和iphone 4的发布,iph ...
web应用调试工具_如何使用浏览器开发人员工具调试渐进式Web应用程序
web应用调试工具 Interested in learning JavaScript? Get my ebook at jshandbook.com 有兴趣学习JavaScript吗? 在jshan ...
WKWebView Safari调试、JS互调、加载进度条、JS中alert、confirm、prompt
主要内容 Safari调试 swift/OC与JS互调增加加载进度条支持JS中alert.confirm.prompt Safari调试设置 -> safari --> 高级,开启J ...

最新文章

热门文章