如何在 PC 机上pc测试手机网页移动端的网页

如何在移动设备上调试html5开发的网页
查看: 7100|
摘要: 手机端页面,大多运行在webkit内核的浏览器上,但还是会因平台、厂商的不同而有种种兼容性问题。下面就介绍一下在iOS和Android两个平台上如何在真机上对页面进行调试。这里要说明的是,iOS平台只能用自带的Safari浏
在我们用phoengap+html5做的移动app中,经常遇到的问题就是 本地网页兼容但是到了app出现不兼容的情况,原因是手机端页面,大多运行在webkit内核的浏览器上,但还是会因平台、厂商的不同而有种种兼容性问题。下面就介绍一下在iOS和Android两个平台上如何在真机上对页面进行调试。这里要说明的是,iOS平台只能用自带的Safari浏览器来调试,而Android平台也只能用google Chrome浏览器来调试。当然,我目前只发现这么两种手段,如果你还有其他方法可调试更多的浏览器,希望你能留言告诉我。一、iOS + Safari1、打开手机web检查器。通过【设置】&【Safari】&【高级】&【Web检查器】打开。见下图(点击查看大图),并且你会看到该选项下面对电脑操作的相应描述,照做就好。2.链接电脑(Mac)2.1 先在手机Safari中打开你想调试的网页,并用数据线连接到电脑(我这里是Mac)2.2 再在电脑上打开Safari点击【Develop】菜单,就会看到如下图所示(点击查看大图):3.3 点击2.2中的网站名就会在电脑上打开Safari的控制台,如下图(点击查看大图):3.调试网页如上3.3图所示,此时你可以查看手机网页的DOM结构,并且和电脑端网页调试无异,当鼠标滑过这些DOM节点的时候手机上的相应布局也会高亮起来,如下图(点击查看大图):二、Android + Chrome1.设置手机1.1【设置】&【关于手机】&【版本号(Build number)】,对版本号这一项连点7下(这是里的说法)就会提示“你已成为开发者”。1.2 再返回【设置】&【开发者选项】&【USB调试】打开手机USB调试。2.设置电脑(Mac)这块比较麻烦,因为要装一下Android的SDK。2.1 下载,并解压,我把整个adt目录放在了&/Users/David/adt/ 这里。2.2 设置环境变量 。打开终端在David路径下(形如 DaviddeMacBook-Pro:~ David$)输入 open .bash_profile,如果文件存在则会打开,如果不存在则再输入touch .bash_profile 创建并打开这个文件。在文件里输入export PATH=$PATH:/Users/David/adt/sdk/platform-tools:/Users/David/adt/sdk/tools&,关闭保存。最后在终端里输入 source .bash_profile 来更新环境变量使其生效。终端里输入 adb 出现命令帮助信息就是成功了。2.3 在终端里输入&adb forward tcp:9222 localabstract:chrome_devtools_remote& 。3.链接电脑3.1 在手机上的Chrome里打开想要调试的网页,用数据线连接手机和电脑(我的是Mac。唉~我只是强调平台的不同,不要误会)。3.2 打开电脑上的Chrome,在地址栏里输入&about:inspect&选中 【Discover USB Devices】前面的复选框。出现下图画面(点击查看大图):4.调试网页4.1 你可以点击图3.2中检测到的设备上正在运行的网站下面那个【inspect】,或者在浏览器中输入 localhost:9222 打开手机正在浏览的网页列表,如下图:4.2 点击上图中的网站缩略图,就会跳转到Google的一个代理链接(链接可能被墙……,挂代理)就会打开如下图所示的控制台(点击查看大图):4.3 这就和电脑上网页调试没什么差别了,鼠标经过DOM节点,手机上的布局同样也会高亮起来:好的,完结。
刚表态过的朋友 ()
上一篇:下一篇:
站长推荐 /1
Ionic(ionicframework)号称未来最有潜力的一款html5移动app开发框架是Angularjs移动端解决方案,Angularjs号称下一代web应用,Ionic移动app开发教程值得拥有
Powered by查看: 5522|回复: 20
怎样在PC端模拟手机游览器测试页面(谷歌、360、IE、火狐游览器)
很多人问怎样在PC端模拟手机游览器测试页面?
其实是很简单的,只要你有一个支持手机模拟的游览器即可,这里我就给大家介绍一下常见游览器的查看方法!
》》Chrome
001.jpg (104.28 KB, 下载次数: 1)
11:46 上传
第一步:以蚂蚁HTML5社区首页为例,电脑上用Chrome打开,看到的页面就是正常的电脑版网页。
002.jpg (63.37 KB, 下载次数: 0)
11:50 上传
第二步:这时我们随便在网页上任何一处右键,都可以看到右键菜单最末尾处的“审查元素”(或者按键盘F12),点击它。
003.jpg (65.3 KB, 下载次数: 0)
11:57 上传
第三步:再看到首页的界面变成了这样,注意到偏右上角位置有一个小手机的图标,点击它。
002.gif (71.06 KB, 下载次数: 1)
15:04 上传
003.gif (65.86 KB, 下载次数: 0)
15:04 上传
第四步:找到偏左上角的选择模式,在下拉菜单中有许多设备可供选择,选择了那种设备,浏览器的UA标签就会改变,呈现的就是选择设备的显示方式。有kindle系列,ipone系列,ipad系列,nexus系列,还有一些平板设备一共46种丰富的选择,如果没有找到需要的还可以在下面的框里面自定义UA。
004.gif (106.63 KB, 下载次数: 0)
15:28 上传
第五步:选择一个想要的样子,之后刷新,就可以看到进入手机浏览器模拟浏览的样子了。当然也可以自己自定义长宽。
005.gif (64.98 KB, 下载次数: 0)
15:40 上传
少了火狐预览器!
神马都是浮云
》》360游览器
001.gif (47.53 KB, 下载次数: 0)
16:52 上传
第一步:打开360浏览器,右击空白处,点击“审查元素”(或者按键盘F12键)。
002.gif (77.03 KB, 下载次数: 0)
16:58 上传
第三步:点击“审查元素”界面右下角“设置”按钮,如下图所示。
002.gif (94.81 KB, 下载次数: 1)
17:03 上传
第四步:点击“Overrides”,勾选“Enable”和“User Agent”。
003.gif (56.43 KB, 下载次数: 0)
17:05 上传
第五步:完成以上步骤后,在下拉框中根据自己的需求选择手机系统。
004.gif (72.97 KB, 下载次数: 0)
17:09 上传
第六步:操作完成后,在地址栏中输入你想测试的手机链接。
》》IE游览器(适用于IE9+版本)
001.gif (32.07 KB, 下载次数: 0)
17:21 上传
第一步:点击浏览器右侧的“工具”图标,选择“F12开发人员工具”或者键盘按“F12”快捷键
002.gif (105.73 KB, 下载次数: 0)
17:24 上传
第二步:进入“F12开发人员工具”后,选择“工具”---&“更改用户代理字符串”,刷新页面即可游览手机效果!
003.gif (66.8 KB, 下载次数: 0)
17:27 上传
第三步:由于IE游览器支持格式较少,进入“F12开发人员工具”后,选择“工具”---&“更改用户代理字符串”--&“自定义”,可以使用自定义!
安卓手机的添加办法
(1)在“友好名称”内输入:android
(其实这里可以随便输入名称)
(2)在“用户代理字符串”内输入:
Mozilla/5.0 (L U; Android 4.0.3; ko- LG-L160L Build/IML74K) AppleWebkit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30
(3)点击“添加”按钮,然后更新!
004.gif (53.69 KB, 下载次数: 0)
17:31 上传
第四步:苹果手机的添加办法
(1)在“友好名称”内输入:iPhone
(其实这里可以随便输入名称)
(2)在“用户代理字符串”内输入:
Mozilla/5.0 (iP U; CPU iPhone OS 3_0 like Mac OS X; en-us) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7A341 Safari/528.16
(3)点击“添加”按钮。
005.gif (57.66 KB, 下载次数: 0)
17:35 上传
第五步:如果新打开的浏览器,想要实现模拟手机效果。
选择“工具”---&“更改用户代理字符串”,会发现多出两个选项“android”和“iPhone”,选择你想要模拟的手机系统。
005.gif (75.58 KB, 下载次数: 0)
17:37 上传
第六步:最后要按“F5”,刷新下当前页面,看看是不是跟手机上看到的界面一样了!
》》Mozilla Firefox(火狐游览器)
第一步:我们需要用火狐浏览器测试一下,首先在电脑上安装好火狐浏览器,打开蚂蚁HTML5社区()
001.gif (78.79 KB, 下载次数: 0)
17:54 上传
第二步:打开火狐浏览器右上角打开菜单-附加组件,右上角 输入 User agent switcher搜索,安装!
002.gif (101.3 KB, 下载次数: 0)
18:02 上传
003.gif (99.59 KB, 下载次数: 0)
18:02 上传
第三步:安装成功后重启火狐浏览器,右上角打开菜单-定制
004.gif (91.79 KB, 下载次数: 0)
18:05 上传
第四步:将左边刚刚安装的附加组件拖到右边
005.gif (62.12 KB, 下载次数: 0)
18:05 上传
第五步:火狐浏览器右上角依次点击 打开菜单- User agent switcher-User agent switcher-options
006.gif (105.84 KB, 下载次数: 0)
18:12 上传
第六步:在出来的弹框,选择iPhone 3.0 , 确定
007.gif (118.57 KB, 下载次数: 0)
18:14 上传
第七步:再次打开火狐浏览器,打开菜单- iPhone 3.0 ,点亮iPhone 3.0 ,现在就可以打开手机网站了
009.gif (56.54 KB, 下载次数: 0)
18:17 上传
感谢美女大神补充啊!!!&
感谢美女大神补充啊!!!&
谢谢分享,很不错。顶一下。
谢谢分享,很不错。顶一下。
学习学习顶一个
学习学习顶一个
nrta110和官方的窗口ii'k'
好帖子,学习了
网站推荐 /2
本网站VIP资源源码仅限个人研究学习使用,禁止对第三方进行源码分享,一经发现,取消VIP会员,严重进行封号处理。
近期,通过技术人员查看,发现个别会员通过软件刷取访问推广链接刷取蚂蚁币,一经发现,直接封号处理。
邮箱: QQ: 木子牛HTML5工作室 版权所有
Powered by X3.2(【图文】移动端网站页面设计的重点_百度文库
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
评价文档:
移动端网站页面设计的重点
上传于||暂无简介
大小:1.09MB
登录百度文库,专享文档复制特权,财富值每天免费拿!
你可能喜欢如何在电脑上测试手机网站 - 文章 - 伯乐在线
& 如何在电脑上测试手机网站
最近公司要开发网站的移动版,让我准备准备知识,话说本人开发移动网站的经验还真不多,最悲剧的事情就是我的手机是个经典的诺基亚,而且公司还不给配手机,这是有多扣啊,没办烦啦,没有手机就用电脑模拟呗,相办法代替,查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,一下介绍的方法,都是本人亲自测试成功的方法。
chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备。以下标星的为推荐方法。
1.新建Chrome快捷方式
右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择“复制”,复制一个图标副本到桌面。右击该副本,选择“属性”,打开相应的对话框,在“目标”文本框的字符后面添加以下语句:“–user-agent=”Android””,如下图:
注意user前面是两个“-”,并且“chrome.exe”与“–user”之间有一个空格。确定之后,打开这个新建的Chrome快捷方式,输入就可以浏览到像手机里打开一样的页面了。
2.一次性模拟iPhone和安卓手机
开始–运行中输入以下命令,启动浏览器:
模拟谷歌Android:
chrome.exe --user-agent="Mozilla/5.0 (L U; Android 2.2; en- Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"
<div class="crayon-num" data-line="crayon-57cf6a
chrome.exe --user-agent="Mozilla/5.0 (L U; Android 2.2; en- Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"
模拟苹果iPhone:
chrome.exe --user-agent="Mozilla/5.0 (iP U; CPU OS 3_2_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B500 Safari/531.21.10"
<div class="crayon-num" data-line="crayon-57cf6a
chrome.exe --user-agent="Mozilla/5.0 (iP U; CPU OS 3_2_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B500 Safari/531.21.10"
这种方法仅供特殊情况下使用,因为重启Chrome将不能恢复正常User-Agent,所以是一次性。
更多的user-agent请自行搜索。
3.安装插件
插件可以很方便切换各种user-agent,很方便,但是可能会稍微影像性能。
User-Agent Selector地址:
从上图可以看到,还有很多类似的插件,其实功能都大同小异。
4:自带模拟器*
打开chrome开发者工具,按F12(r32版本)1,然后找到右上角的齿轮按钮,打开设置面板,选择Overrides,勾上Show &#8216;Emulation&#8217; view in console drawer(在控制台视图中显示“仿真”)。
然后关闭设置面板,选择Elements面板(非Console就可以),找到右上角打开控制台面板,选择控制台面板里的Emulation面板,右边有很多选项,选择一个点击Emulate就可以了,Reset按钮能恢复到默认状态。
打开仿真后,打开,即可看到如下的手机下的界面
这种方法简单好用,而且不需要重启,推荐这种方法。
注意:以上第一种和第二种方法都需要将全部打开的chrome窗口关闭,再打开才能起作用。
1.修改user-agent
和chrome一样安装插件修改user-agent的方法
具体方法移步这里:
2.火狐响应式设计+修改user-agent
最近的火狐自己添加响应式设计功能和3D试图都很棒,打开火狐自己的控制台(非firebug),找到右上角的响应式设计按钮。
打开后即切换到响应式设计界面
但我们看到打开QQ的站点并未被自动引到QQ的移动页面,这样只对响应式设计的界面起作用,对想QQ这样云端判断,返回不同页面的并不适应,这里就要配合上面的方法,再改下user-agent,即可实现类似chrome的调试功能。
3.Firefox OS 模拟器
安装的方法 参考这里:
安装完成后可打开如下界面,可用里面的浏览器打开网站即可,但这种方法打开的是电脑网站,而不是手机网站,也就是他的user-agent不是手机的,故对响应式界面起作用,对判断user-agent的网站不起作用,访问qq,baidu等返回的都是电脑界面。
1.修改user-agent
和chrome和firefox类似,可自行安装插件,自opera12之后,opera改用webkit内核,故可安装chrome的插件,也可自行在opera的商店中搜索插件
User Agent Changer下载:
2.Opera Mobile Emulator + dragonfly*
下载适合自己的版本,安装完毕会开如下界面:
左侧选择平台,右侧选择参数,选择完毕点击启动,如下的几面,用过手机opera的朋友会很熟悉,就是手机opera
关于opera mobile emulator的更详细介绍参看文章末尾参考资料的相关内容。
但此时,还是只能看而已,不能调试模拟器里的网站,这里需要dragonfly配合以实现调试,由于opera12后换了内核,不能安装dragonfly了,所有你需要一款opera12的浏览器,和dragonfly的离线包,配置好后具体如何连接请参看这里
全部设置好后即可实现在电脑上调试手机网页,如下图所示:
opera12下载地址:
dragonfly中文离线包下载地址:
opera mobile emulator下载地址:
1.官方模拟器*
做安卓开发的肯定都知道安卓模拟器,这是谷歌官方的提供的开发环境,能模拟安卓环境,还可切换各个版本,可下载配置好的环境,然后打开eclipes,直接打开AVDM,穿件一个AVD,然后start,如下图:
要等一大会时间,会打开模拟器,和安卓环境一样,打开里面的浏览器测试即可。但我的浏览器打不开不知道为什么,郁闷的很啊。
下载地址:/sdk/index.html
2.bluestacks
这也是一款模拟器,可自行搜索,本人安装后电脑就卡死了,可能我的电脑配置不行吧,看介绍还是不错的。
在线只能测试界面的视觉效果,不能调试,但也是很不错的。
1.Mobile Emulator*
非常不错,速度也很快,界面很简洁,支持多种平台。
2.opera mini simulator
需要java环境支持,单一平台,opera出品,速度很快。
3.webpage mobile
说实话弄了半天也没弄出来,大大的鄙视下吧,但是能测试的平台很全面。
以上列出了多种方法,各有利弊,希望大家选择适合自己的方法,本人推荐chrome自带模拟器和opera mobile emulator + dragonfly的方法。因为这两种方法,接近真是手机环境,又能调试css和js。
当然文中没有提到的还有最好的方法就是你有一台手机,那就太好了,配合远程调试,是最最理想的办法。
关于作者:
可能感兴趣的话题
关于伯乐在线博客
在这个信息爆炸的时代,人们已然被大量、快速并且简短的信息所包围。然而,我们相信:过多“快餐”式的阅读只会令人“虚胖”,缺乏实质的内涵。伯乐在线内容团队正试图以我们微薄的力量,把优秀的原创文章和译文分享给读者,为“快餐”添加一些“营养”元素。
新浪微博:
推荐微信号
(加好友请注明来意)
&#8211; 好的话题、有启发的回复、值得信赖的圈子
&#8211; 分享和发现有价值的内容与观点
&#8211; 为IT单身男女服务的征婚传播平台
&#8211; 优秀的工具资源导航
&#8211; 翻译传播优秀的外文文章
&#8211; 国内外的精选文章
&#8211; UI,网页,交互和用户体验
&#8211; 专注iOS技术分享
&#8211; 专注Android技术分享
&#8211; JavaScript, HTML5, CSS
&#8211; 专注Java技术分享
&#8211; 专注Python技术分享
& 2016 伯乐在线在PC上测试移动端网站和模拟手机浏览器的5大方法
作者:佚名
字体:[ ] 来源:互联网 时间:03-19 10:14:54
最近公司要开发网站的移动版,让我准备准备知识,话说本人开发移动网站的经验还真不多,最悲剧的事情就是我的手机是个经典的诺基亚,而且公司还不给配手机,这是有多讨厌,没办法,没有手机只能用电脑模拟了
查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp。
一、Chrome*浏览器
chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备。以下标星的为推荐方法。
1.新建Chrome快捷方式
右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择&复制&,复制一个图标副本到桌面。右击该副本,选择&属性&,打开相应的对话框,在&目标&文本框的字符后面添加以下语句:&&user-agent=&Android&&,如下图:
注意user前面是两个&-&,并且&chrome.exe&与&&user&之间有一个空格。确定之后,打开这个新建的Chrome快捷方式,输入就可以浏览到像手机里打开一样的页面了。
这时可以新建一个用户,就不影响原来用户访问的时候也是访问的手机版。
2.一次性模拟iPhone和安卓手机
开始&运行中输入以下命令,启动浏览器:
模拟谷歌Android:
chrome.exe --user-agent=&Mozilla/5.0 (L U; Android 2.2; en- Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1&
模拟苹果iPhone:
chrome.exe --user-agent=&Mozilla/5.0 (iP U; CPU OS 3_2_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B500 Safari/531.21.10&
这种方法仅供特殊情况下使用,因为重启Chrome将不能恢复正常User-Agent,所以是一次性。
更多的user-agent请自行搜索。
3.安装插件
插件可以很方便切换各种user-agent,很方便,但是可能会稍微影像性能。
User-Agent Selector地址:/webstore/detail/user-agent-selector/fnbmdojpgjpmjjmnjdnbobcdhenmmgod/related
从上图可以看到,还有很多类似的插件,其实功能都大同小异。
4:自带模拟器*
打开chrome开发者工具,按F12(r32版本),然后找到右上角的齿轮按钮,打开设置面板,选择Overrides,勾上Show &Emulation& view in console drawer(在控制台视图中显示&仿真&)。
然后关闭设置面板,选择Elements面板(非Console就可以),找到右上角打开控制台面板,选择控制台面板里的Emulation面板,右边有很多选项,选择一个点击Emulate就可以了,Reset按钮能恢复到默认状态。
打开仿真后,打开,即可看到如下的手机下的界面
这种方法简单好用,而且不需要重启,推荐这种方法。
注意:以上第一种和第二种方法都需要将全部打开的chrome窗口关闭,再打开才能起作用。
二、Firefox*浏览器1.修改user-agent
和chrome一样安装插件修改user-agent的方法,搜索wmlbrowser、XHTML Mobile Profile以及User Agent Switcher三个插件
2.火狐响应式设计+修改user-agent*
最近的火狐自己添加响应式设计功能和3D试图都很棒,打开火狐自己的控制台(非firebug),找到右上角的响应式设计按钮。
打开后即切换到响应式设计界面
但我们看到打开QQ的站点并未被自动引到QQ的移动页面,这样只对响应式设计的界面起作用,对想QQ这样云端判断,返回不同页面的并不适应,这里就要配合上面的方法,再改下user-agent,即可实现类似chrome的调试功能。
3.Firefox OS 模拟器
安装的方法 参考这里:https://developer.mozilla.org/zh-CN/docs/Tools-840092-dup/Firefox_OS_%E6%A8%A1%E6%8B%9F%E5%99%A8#Installing
安装完成后可打开如下界面,可用里面的浏览器打开网站即可,但这种方法打开的是电脑网站,而不是手机网站,也就是他的user-agent不是手机的,故对响应式界面起作用,对判断user-agent的网站不起作用,访问qq,baidu等返回的都是电脑界面。
三、Opera*浏览1.修改user-agent
和chrome和firefox类似,可自行安装插件,自opera12之后,opera改用webkit内核,故可安装chrome的插件,也可自行在opera的商店中搜索插件
User Agent Changer下载: /zh-cn/extensions/details/user-agent-changer/?display=en
2.Opera Mobile Emulator + dragonfly*
下载适合自己的版本,安装完毕会开如下界面:
左侧选择平台,右侧选择参数,选择完毕点击启动,如下的几面,用过手机opera的朋友会很熟悉,就是手机opera
关于opera mobile emulator的更详细介绍参看文章末尾参考资料的相关内容。
但此时,还是只能看而已,不能调试模拟器里的网站,这里需要dragonfly配合以实现调试,由于opera12后换了内核,不能安装dragonfly了,所有你需要一款opera12的浏览器,和dragonfly的离线包,配置好后具体如何连接请参看这里/dragonfly/documentation/remote/
全部设置好后即可实现在电脑上调试手机网页,如下图所示:
opera mobile emulator下载地址:/zh-cn/developer/mobile-emulator
四、模拟器* 1.官方模拟器*
做安卓开发的肯定都知道安卓模拟器,这是谷歌官方的提供的开发环境,能模拟安卓环境,还可切换各个版本,可下载配置好的环境,然后打开eclipes,直接打开AVDM,穿件一个AVD,然后start,如下图:
要等一大会时间,会打开模拟器,和安卓环境一样,打开里面的浏览器测试即可。但我的浏览器打不开不知道为什么,郁闷的很啊。
下载地址:/sdk/index.html
2.bluestacks
这也是一款模拟器,可自行搜索,本人安装后电脑就卡死了,可能我的电脑配置不行吧,看介绍还是不错的。
五、在线测试
在线只能测试界面的视觉效果,不能调试,但也是很不错的。
1.Mobile Emulator*
非常不错,速度也很快,界面很简洁,支持多种平台。
2.opera mini simulator
需要java环境支持,单一平台,opera出品,速度很快。
/zh-cn/developer/opera-mini-simulator
3.webpage mobile
说实话弄了半天也没弄出来,大大的鄙视下吧,但是能测试的平台很全面。
http://www.webpagetest.org/mobile
以上列出了多种方法,各有利弊,希望大家选择适合自己的方法,本人推荐chrome自带模拟器和opera mobile emulator + dragonfly的方法。因为这两种方法,接近真是手机环境,又能调试css和js。
当然文中没有提到的还有最好的方法就是你有一台手机,那就太好了,配合远程调试,是最最理想的办法。
大家感兴趣的内容
12345678910
最近更新的内容

我要回帖

更多关于 pc网页端是什么意思 的文章

 

随机推荐