ipad发布会ipad_如何在iPad上调试网站
当今有数十亿移动用户,构建在移动设备上可见的网站是必不可少的。 幸运的是,我们有许多工具和选项可用于在移动平台上调试网站 。
如果您仅在macOS和iOS环境中进行开发,则可能不需要这些第三方工具。 苹果已经为这项工作提供了一套工具。
在这篇文章中,我们将向您展示如何利用它们来访问和调试 iPhone和iPad上的静态网站以及iOS中的WordPress网站 。
事不宜迟,让我们开始吧。
入门
首先,启动Safari并通过Safari> Preference启用开发人员工具。 在“ 高级”选项卡中,选中“ 在菜单栏中显示开发菜单”选项。
Safari菜单栏中将出现一个名为Develop的新菜单。
然后,在iPad或iPhone中,转到“设置”>“ Safari” 。 同样,在Advanced菜单中,启用Web Inspector ,如下所示。
对于基于WordPress的网站
需要相对路径,以便将CSS,图像和JavaScript链接正确加载到iPad或iPhone中。 如果您正在开发基于WordPress的网站,则所有资产路径都是绝对的。 要使它们成为相对路径,请安装并激活此插件: 相对URL 。
激活后,路径网址将从:
http://localhost:8888/wordpress/
…变成如下所示:
/wordpress/
调试网站
首先,您需要知道您的网络IP地址号码。 转到系统偏好设置>网络 。 在那里,您将找到IP地址。 另外,请确保您的Apple设备(Mac,iPad,iPhone)连接在同一网络中,以便您可以在iPad或iPhone上无线访问网站。
在iPad或iPhone中,启动Safari应用并访问localhost:8888,然后访问您的Web项目目录-例如localhost:8888 / wordpress 。 如果使用MAMP设置本地服务器,则localhost:8888应该是默认的本地服务器地址。
正如您在下面看到的,我们正在iPad上浏览我们的网站(在本例中基于WordPress)。
此外,为了能够使用开发人员工具调试网站,您需要使用USB将iPad或iPhone插入Mac 。 然后,在Safari中,转到“ 开发”菜单,然后选择您连接的设备。
我们完了。
在下面的屏幕快照中,当我们从开发人员工具中选择DOM树时 ,您可以看到iPad或iPhone上的各个元素都已突出显示。 您现在可以像在台式机上一样,从技术上在iPad或iPhone上调试网站。
翻译自: https://www.hongkiat.com/blog/ios-debugging/
ipad发布会ipad_如何在iPad上调试网站相关推荐
- ipad发布会ipad_拥有ipad的成本
ipad发布会ipad I'm not sponsored by Apple. Neither am I affiliated with them. 我不是苹果公司赞助的. 我也不隶属于他们. For ...
- 如何在IIS上发布网站
本片博客记录一下怎么用IIS发布一个网站,以我自己电脑上一个已经开发完成的网站为例: 1.打开项目 这是我电脑上的一个项目,现在我记录一下将这个项目发布到iis上的整个过程: 2.在vs2017中发布 ...
- 如何在Mac上调试iphone 打开的safari网页
如果pc浏览器或者模拟器没有问题,iPhone手机上运行时出现了问题,首先使用iPhone自带的Safari浏览器查看一下网页,如果浏览器中出现了同样的问题,可以配合Mac上的Safari进行调试,找 ...
- 如何在windows上调试安卓机谷歌浏览器上的页面
- 下面的方法仅在windows和安卓机上测试过,,,, - 手机(安卓机)需要安装chrome与电脑(Windows)上的chrome配合,也就是只能调试谷歌浏览器上的页面 1.手机的 ...
- 如何在vscode上调试php,如何用vscode进行单步调试
快捷键Ctrl + ` 打开默认终端; Ctrl + Shift + ` 新建新的终端; Ctrl + Shift + Y 打开调试控制台,然后再自行切换终端选项; ps: ` 在键盘数字1的左边. ...
- 静态网页托管_视频教程:如何在IPFS上托管网站!
最近,一些朋友问我,这个IPFS项目,被说得那么好,那么大,它具体是怎样的呢? 有没有实际的东西,来展示它的理念呢?这里,畅赛君整理了官方的资料,以视频和文字的形式,向大家展现,IPFS是如何应用到实 ...
- xcode 可以打开xmind_如何在 iPad 上玩转 XMind?
懒人目录 用文件夹做好笔记分类 用主题链接&画布提高导图的可读性 利用分屏功能高效记录笔记 利用「搜索功能」快速定位内容 从捷径中快速创建导图 快捷键和手势 iPad 越来越成为很多的人的 ...
- 如何在iPad上使用VScode
如何在iPad上使用VScode 部署code-server 前提工作: 一台云服务器.iPad上的SSH工具(推荐使用软件Termius) 这里用的是Linux centOS.IPad上用Termi ...
- ipad1无法安装应用程序_如何在iPad上的应用程序之间拖放
ipad1无法安装应用程序 Whenever you need to share information between apps on an iPad, you probably just copy ...
最新文章
- linux jna调用so动态库
- UML建模之数据建模
- 清华大学团队与腾讯AI Lab专项合作夺冠FPS游戏AI竞赛VizDoom
- 为什么Netty这么火?与Mina相比有什么优势?
- 反射和内省_单例设计模式–内省和最佳实践
- 【超级详细的小白教程】Hexo 搭建自己的博客
- 2019如何新建流程图_用Word制作流程图,居然还有这么多小技巧
- AI ResNet V1
- 如何解决AttributeError: ‘DataFrame‘ object has no attribute ‘sort‘
- Cannot use v-for on stateful component root element because it renders multiple elements.
- C++ hash(STL hash)及其函数模板用法详解
- bp神经网络模型的优缺点,什么是BP神经网络模型?
- 5G网络身份识别---详解5G-GUTI
- 一套优雅的开源后台管理系统:若依后台管理系统 3.3 发布,新增多项功能
- Synchonized原理
- 关于iOS的自动弹出键盘问题
- 保存Windows10随机聚焦锁屏壁纸
- 花生壳内网穿透映射NPM私服问题
- Android studio 遇到Android SDK : Error when loading the SDK
- BI 如何让SaaS产品具有 “安全感”和“敏锐感”(上)
热门文章
- Music Store(音乐商店)简易中文教程
- java dbcp c3p0_c3p0与dbcp的作用与区别,及使用!
- 如何在虚拟机安装的Win10系统里快速打开【此电脑】图标?(图文详解)
- RTX腾讯通怎么删除群聊人员
- 开心网竞争对手不是校内网
- 2022年A特种设备相关管理(电梯)考试模拟100题及答案
- 纯干货!Java后端开发十二条经验分享!
- uni-app 图片上传实战
- 【珍爱生命,远离苏宁】在天猫苏宁易购旗舰店买到有问题的ipad,点进来,一起维权!维权群号:567621779
- 基于Android的股票交易软件,基于Android的股票交易系统的融资融券交易子系统的设计与实现...