原文:巧用Chrome调试手机网页界面

Chrome是基于Webkit的先进浏览器,其开发调试功能非常强大。如果你在开发手机网页,推荐你使用他的手机网页调试功能。具体怎么用,请看下图: 第一步,打开Chrome后,按F 或者 点右键 选 审查元素,调出Chrome的开发者工具,你可能会看到以下界面: 现在是普通网页的调试界面。 然后点击 调试工具上面的 手机 图标: 就会弹出以下界面: 刷新一下,页面就会以手机页面方式显示。 .这样调 ...

2016-01-03 21:00 0 9963 推荐指数:

查看详情

利用chorme调试手机网页

太方便了,很实用的技巧(特意记录一下) 1.pc端安装最新的chrome2.手机端安装最新的chrome ( Android )3.USB连接线4.打开电脑的chrome 在地址栏输入 chrome://inspect 选中 Discover USB devices 可以检测到你的设备 ...

Sun Jul 12 19:25:00 CST 2015 7 1400
chrome 调试手机微信公众号网页

目前只在安卓上做了测试,IOS不支持 1.开启手机的USB调试功能 点设置-》开发者选项-》USB调试 如果看不到开发者选项,在关于手机中点击内部版本号7次,即出现开发者已启用的提示。 将手机通过USB连接到电脑 2.开启微信手机调试功能 在微信中 ...

Tue Jan 05 19:01:00 CST 2021 0 535
Chrome DevTools远程调试手机页面

一、准备 pc端安装最新的chrome 手机端安装最新的chrome ( Android ) USB连接线 二、具体步骤 假设你已经在电脑上下载了最新的chrome 也在手机上下载了最新的chrome USB设置 在你的手机里打开"设置"-> ...

Wed Jan 30 22:42:00 CST 2019 0 1820
Eruda——手机网页前端调试面板

前言 进行移动端网页开发时,想要查看手机浏览器信息从来都不是一件容易的事。特别是当目标环境为APP内置WebView,需要调用特定的JsBridge接口时,你根本都干不了什么,只能一遍又一遍地修改代码,重新打开页面并alert一下。你可能会说,可以使用Chrome,Firefox连接手机调试 ...

Fri Dec 02 23:45:00 CST 2016 0 4709
电脑上调试手机网站的几种方法

手机网站开发,最让人头疼的是网站的兼容问题,不同的手机可能会出现一些莫名的问题。手机网站常见问题及解决方案,我会在后面的文章陆续发表,大家可以看一下。 本文主要讲解电脑上如何调试手机网站: 一、安卓手机调试: 1、最常见的安卓手机调试方法是用chrome浏览器调节,既方便有简单 ...

Thu Jul 14 19:29:00 CST 2016 0 2341
如何在电脑上测试手机网站(全)

最近公司要开发网站的移动版,让我准备准备知识,话说本人开发移动网站的经验还真不多,最悲剧的事情就是我的手机是个经典的诺基亚,而且公司还不给配手机,这是有多讨厌,没办法,没有手机只能用电脑模拟了,相办法代替,查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章 ...

Fri Feb 21 19:48:00 CST 2014 54 17906
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM