使用 Xcode 在 iOS 模拟器中调试 Web 页面

最新推荐文章于 2024-04-30 09:45:42 发布
最新推荐文章于 2024-04-30 09:45:42 发布
阅读量7.3k 收藏 5
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010471289/article/details/80212640
版权

买不起iphoneX，但是买得起mac的前端穷逼看过来！
使用Xcode就能在mac上模拟iphoneX，当然也可以模拟iphone6/7/8、iphone6/7/8 plus等等机型，超级方便。

第一步：下载 Xcode
去app store搜Xcode，不载了的话就升级一下系统咯！

第二步：打开 Simulator
iOS 模拟器（iOS Simulator）是捆绑在 Xcode 里的，不需要每次打开Xcode，直接去 /Applications/Xcode.app/Contents/Developer/Applications/ 路径下找到Simulator然后打开就可以了，每次打开路径嫌麻烦就保留在Dock上咯！

第三步：打开 Simulator 中的 Safari
打开 Simulator 的 Safari，输入网址就能预览了。如果要预览自己mac上的项目，可以用本地端口。

附加内容：
1、更换设备。例如想换成iphone6，hardware -> Device 然后自己选咯。
2、调试模拟器上的网页，打开mac上的safari浏览器，点一下 开发 -> 模拟器…

参考资料：http://taobaofed.org/blog/2015/11/13/web-debug-in-ios/

前端程序员小白
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Xcode iOS 13.4 真机调试
03-31
13.4 Xcode真机调试，亲测可用！， 路径： /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport 使用方法： 1、下载资源，放入上述路径中； 2、重启Xcode即可使用。
iOS简单到无门槛调试WebView的步骤详解
01-21
近来这段时间一直在写内嵌在App中的Html,虽然在HBuilder中可以轻易的使用各种浏览器轻易调试Html,但是在Xcode中想调试Html却并不容易.Xcode的图形调试界面只能调试原生的UI.WKWebView和UIWebView只能显示黑屏. ...
iOS 如何利用Xcode对真机上面的网页WebView进行简单调试
smileKH的博客
10-15 2427
前言 有时候与H5联调的时候需要看H5界面元素，这就需要开启模拟器和真机联调功能 1、点击 Safari浏览器》偏好设置》高级》在菜单栏显示“开发”菜单。 2、打开模拟器或者真机设置》Safari浏览器》高级》web (Inspector)检查器 ...
iOS中的webview调试
最新发布
weixin_45940569的博客
04-30 178
前提：mac数据线脸上iPhone，mac系统不低于iPhone系统（safari版本）。最近开发ios上app的h5，xcode中的调试窗口查看不到web的log，让端侧加上。即可在safari的调试窗口查看所有log。
Xcode 调试方法(5种方法)
IOS移动开发者的成长点滴专栏
02-19 2022
Xcode 调试方法
利用Xcode的iOS模拟器调试Web页面，修改模拟器Simulator版本
Wnig's Blog
04-26 1657
公司测试机没那么多，我也买不起iPhone，钱都拿去买Mac了，所以只能用Xcode的iOS模拟器调试。 1、下载Xcode 一开始我电脑系统没升级，下载不了，系统要更新到最新的才可以下载（好坑啊） 2、打开 Simulator 右击“访达”->点击“前往文件夹”：（把下面这串复制进去）->点击“前往”就可以看到Simulator.app了，然后打开它就对了 /Applications...
xcode ios调试
qq_38795501的博客
08-04 201
升级 iOS 12 之后，使用 Xcode 9 真机调试会提示错误： Could not locate device support files. This iPhone 6 Plus is running iOS 12.0 (16A366), which may not be supported by this version of Xcode. 这是因为 Xcode 9 默认没有自带 iOS 12 的调试包，下载调试包，然后重新打开 Xcode 就可以了。 iOS 真机调试包集合，包含 iOS 12，下
xcode调试html页面,使用 XCode 调试
weixin_42509796的博客
06-07 445
运行 gn gen 并带上 --ide=xcode 参数$ gn gen out/Testing --ide=xcode这会生成 electron.ninja.xcworkspace。 您需要打开这个工作区来设置断点和检查。See gn help gen for more information on generating IDE projects with GN.Launch Electron ...
rnw-starter-app:使用Redux响应本机Web入门应用程序，响应路由器，开玩笑和酶
05-11
[已淘汰]！！请改用 ！与平台无关的React Native Web Starter应用程序使用Redux，Jest，酶和React-Router基于 安装安装纱包管理器（1.3.2）： npm i -g yarn ...跑步原生- yarn start 纤网- yarn web iOS模拟器yarn ios
IOS开发环境搭建
11-07
在iOS开发中，由于Apple的封闭策略，开发者必须使用Mac操作系统，并且通常需要一个iOS开发者账号（年费99美元），以便在真机上部署和调试应用。对于没有Mac和开发者账号的开发者，搭建环境可能更具挑战性，但并非不...
Essentials:当我开始为iOS应用程序编程时，我希望了解关于Objective-C，Xcode和Cocoa Touch的详细信息清单
05-12
当我开始对iOS应用程序进行编程时， Essentials是我希望了解的有关Objective-C，Xcode和Cocoa... 在模拟器中运行应用程序时，选择左侧菜单上的“ Debug Navigator选项卡，单击侧面看汉堡的图标（我仍然不知道该图标是什
12.1 (16B91) Xcode10.1 12.1模拟器调试包iOS12
11-01
12.1 (16A366) Xcode10 12.1模拟器调试包iOS12.1 使用方法：解压完，直接复制到 /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport 目录下 iOS12.1模拟器专用包 今天刚更新的 模拟器专用 要的拿去
Xcode8支持ios7设备调试的方法
weixin_30685047的博客
09-22 123
1.首先我们如果使用Xcode8新建的工程，默认支持的最低版本是iOS8，如果想支持iOS7 我们可以手动改动版本到7.0（自己在） Target添加 不支持真机调试 是因为 /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport 里面有类似这样的一些文件夹，如果这些...
在 iOS 模拟器中调试 Web 页面
热门推荐
lovenjoe的专栏
12-29 1万+
转自：http://taobaofed.org/blog/2015/11/13/web-debug-in-ios/ 双十一大家“买买买”了吗？我猜你们要么是躺在沙发上，要么是躲在被窝里用手机和 Pad 下的单，因为我就是这么干的。当然我也不是瞎猜，天猫官方微博公布的数据为证：无线端交易额占比一路保持在 70% 以上，最后定格在 68%（据说峰值数据更是丧心病狂，具体数据未公布，大
iOS开发之Xcode常用调试（Debug）技巧
yunfeihope的博客
08-08 3989
一、Xcode 调试技巧之：NSLog2、Xcode调试技巧之:LLDB三、Xcode调试技巧之：断点调试(breakpoint)3.1 Breakpoint(断点)调试(1) Name 和 Condition(2) Ignore(3) action6.Sound参考资料。
Xcode调试攻略（5种方法）
daiyelang的专栏
04-17 1262
1. Xcode内置GDB,可以使用GDB调试，调试命令: 　　1.1 po 命令:为 print object 的缩写，显示对象的文本描述 　　(lldb) po [$eax class]：输出异常对象的地址
 　　(lldb) po [$eax name]：输出这个异常的名字
 　　(lldb) po [$eax reason]：这个将会输出错误消息：
 　　(l
xcode模拟器，输入任何网址，This is Connection is not private
wwerdd的博客
12-10 1553
请退出 charls 或者其他应用
如何在mac上的safar调试Xcode中模拟器加载的网页
chengxiebi6944的博客
07-28 1414
1.在模拟器中的设置中找到Safari 2.打开safari设置，点开最下面的高级，打开Web检查器 3.打开要调试的app，跳到要调试的页面 选择你要调试的页面，打开，然后就是调试页面了 PS：若是Safari没有“开发”选项，请在Safari偏好设置中打开 ...
xcode创建iOS模拟器
07-28
Xcode是苹果公司开发的一款集成开发环境（IDE），用于开发iOS和macOS应用程序。要创建iOS模拟器，您可以按照以下步骤进行操作： 1. 首先，确保您已经安装了Xcode。您可以在App Store中搜索Xcode并进行安装。 2. 打开Xcode后，选择“创建新项目”或使用快捷键Command + Shift + N。 3. 在弹出的窗口中，选择“iOS”选项，并选择您想要创建的应用程序类型，例如“Single View App”。 4. 在下一步中，您需要为您的项目选择名称、组织标识符和语言。 5. 在“设备”下拉菜单中，选择“iOS Simulator”。 6. 在“iOS Simulator”下拉菜单中，选择您想要模拟的iOS设备版本。 7. 点击“下一步”并选择您想要保存项目的位置。 8. 最后，点击“创建”按钮，Xcode将为您创建一个新的iOS模拟器项目。 现在，您可以使用Xcode创建的iOS模拟器来运行和测试您的应用程序。请注意，您可以在Xcode中选择不同的iOS设备版本来模拟不同的设备和操作系统环境。 #### 引用[.reference_title] - *1* [xcode ios 模拟器安装运行](https://blog.csdn.net/weixin_50408263/article/details/126480094)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [Xcode模拟iPhone教程!](https://blog.csdn.net/weixin_43219158/article/details/87627576)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值