北京赛车官网注册

移动端网页用什么工具开发和用什么工具调试

  可选中1个或多个下面的关键词,搜索相关资料。也可直接△▪▲□△点“搜索资料”搜索整个问题。

  通过【设置】【Safari】【高级】【Web检查器】打开。见下图(点击查看大图),并且你会看到该选项下面对电脑操作的相应描述,照做就◆◁○▲-•■□•好。

  2.1 先在手机Safari中打开你想调试的网页,并用数据线连接到电脑(我这里是Mac)

  2.2 再在电脑上打开Safari点击【Develop】菜单,就会看到如下图所示(点击查看大图)▪…□▷▷•:

  3.3 ★-●=•▽点击2.2中的网站名就会在电脑上打开Safari的控制台,如下图(点击查看大图):

  如上3.3图所示,此时你可以查看手机网页的DOM结构,并且和电脑端网页◇•■★▼调试◆●△▼●无异,当鼠▼▼▽●▽●标滑过这些DOM节点的时候手机上的相应布局也会高亮起来,如下图(点击查看大图):

  1.1【设置】【关于手机】【版•□▼◁▼本号(Build number)】,对版本号这一项连点7下(这是官方文档里的说法)就会提示“你已成为开发者”。

  1.2 再返回【设置】【开发者选项】【USB调试】打开手机USB调试。

  3.1 在手机上的Ch△▪▲□△rome里打开想要调试的网页,用数据线连接手机和电脑(我的是Mac。唉~我只是强调平台的不同,不要误会)。

  4.1 你可以点击图3.2中检测到的设备上正在运行的网站下面那个【inspect】,或者在浏览器中输入 localhost:9222 打开手机正在浏览的网页列表,如下图:

  4.2 点击上图中的网站缩略图,就会跳转到Google的一个代理链接(链接可能被墙……,挂代理)就会打开如下图所示的控制台(点击查看大图):

北京赛车官网注册