104
数十亿美元的手机用户现在,建设网站,可以在移动设备上是必不可少的。 幸运的是,我们有很多工具和选项 在移动平台上调试网站 。
如果您正在开发只在macOS和iOS环境,你可能不需要的第三方工具。 苹果已经为这项工作提供了一组工具。
温州企业网站建设在这篇文章中,我们将向您展示如何使用它们 访问和调试静态网站 以及 WordPress的网站 iPhone和iPad的iOS。
闲话少说,我们开始吧。
推荐阅读: 移动模拟在Google Chrome
首先,发射 Safari 并使开发人员工具通过 Safari >首选项 。 在 先进的 选项卡,勾选 在菜单栏显示开发菜单 选择。
一个新菜单叫 开发 将出现在Safari菜单栏。
然后,在你的iPad或iPhone,去 设置>旅行 。 同样,在 先进的 菜单,使 网络督察 ,就像这样。
温州企业网站建设需要一个相对路径的CSS,图像,和JavaScript链接是正确地加载在iPad或iPhone。 如果您正在开发WordPress-based网站,所有资产路径是绝对的。 让他们一个相对路径,安装和激活这个插件: 相对URL 。
一旦激活,url的路径将:
1 | http://localhost: 8888 / wordpress |
…变成像你见下:
1 | wordpress / |
首先,您需要知道您的网络IP地址号码。 去 系统首选项>网络 。 在那里,你会发现IP地址。 同时,确保你的苹果设备- Mac, iPad, iPhone——连接在同一个无线网络,这样你就可以访问这个网站在iPad或iPhone上。
在你的iPad或iPhone,启动Safari浏览器应用程序和访问 localhost: 8888 您的web项目目录——例如紧随其后 localhost: 8888 / wordpress 。 如果你设置你的本地服务器使用MAMP, localhost: 8888应该是你默认本地服务器地址。
正如你所看到的,我们把我们的网站,在这种情况下WordPress-based,在iPad上。
此外,能够调试开发工具的网站,你需要 把你的iPad或iPhone使用USB Mac 。 然后,去旅行 开发 菜单,并选择您的连接设备。
做完了。
温州企业网站建设在以下截图,我们选择 DOM树 从开发工具中,您可以看到各自元素的iPad或iPhone突出显示。 技术现在可以调试你的网站在iPad或iPhone,像你一样在你的桌面。
热门分享
最新文章
2019.10.21
温州网站设计公司:有用的(免费)jQuery插件,以丰富网站的用户体验
2019.09.24
温州高端网站建设:最快的方式让你的网页设计编码
2019.09.16
温州网页设计:如何测试网站多个浏览器和设备同步
2019.09.16
温州企业网站建设:在iPad如何调试网站吗
2019.08.19
前2019年网页设计趋势:你从来没有使用过
2019.08.19
温州高端网站设计:你需要知道的关于视觉感知和网站设计
2019.08.16
温州高端建站:使用HTML,CSS和Javascript创建8个交互式信息图表
2019.08.16
温州网站定制:为什么好的设计会获得更好的营销效果
2019.08.16
温州网站制作:如何通过动画令人愉快地欺骗用户
2019.08.16
温州网站开发:使电子邮件选择美丽和有效绽放
随机推荐
2019.08.16
温州网站制作:如何通过动画令人愉快地欺骗用户
2019.07.13
温州网站开发:XML Sitemaps与HTML站点地图
2019.08.16
温州网站定制:为什么好的设计会获得更好的营销效果
2019.08.15
温州企业网站开发:为什么小企业需要网页设计服务
2019.09.16
温州网页设计:如何测试网站多个浏览器和设备同步
2019.08.13
温州网页设计:设计无浏览器的Web
2019.08.16
温州网站建设:线框图和原型设计的过去、现在和未来
2019.08.13
温州网站开发:理解CSS布局和块格式化上下文
2019.07.16
温州网站建设:XML Sitemap最佳实践
2019.08.16
温州高端建站:使用HTML,CSS和Javascript创建8个交互式信息图表