【用Opera Mobile调试手机版网页【转】】的更多相关文章

用Opera Mobile调试手机版网页【转】

注意:新版本的opera已经采用webkit内核,没有dragonfly了. 要下载12版的http://get.geo.opera.com/pub/opera/win/1216/int/Opera_1216_int_Setup.exe 用Opera Mobile调试手机版网页 发表于 2011-07-19 调试代码是每个程序开发者必须熟练掌握的技能,前端开发也不例外.只要你的浏览器不是太陈旧,按下F12就能看到各种调试控制台.这里不打算讲具体项目中如何调试代码,而是介绍下如何在Opera桌面版…

JS判断移动设备最佳方法 并实现跳转至手机版网页

我在开发的Magento或Wordpress主题时,通过都会制作手机版本,为了实现某个片段在手机端和桌面端不同功能,又或者如果是手机设备,就跳转到指定的网页上,那么这里就需要用到JS来做判断了,下面有一个简单的检测方法,经试验是可行的. 方法一:纯JS判断 使用这方法既简单,又实用,不需要引入jQuery库,把以下代码加入到<head>里即可. 1 <script type=”text/javascript”> 2 if( /Android|webOS|iPhone|iPad|iP…

调试手机上网页 (断点 console timeline 选择dom)

用手机看网页,越来越多,手机app套个webview的也很多,那该如何调试手机上的页面了?比如 断点,选dom,console,控制台输出,查看内存,== 嗯,万能的的chrome和safari还是帮我们解决了这些事情 如何用本地的文件代替手机上访问的页面(本地调试) android下调试手机上的网页(断点,查看修改dom,console输出,timeline,===) ios下调试手机上的网页 遇到的一些问题 如何用本地的文件代替手机上访问的页面(本地调试) 一些真实存在的场景,开发一个微信下…

UC 浏览器远程调试手机web网页记录

浏览器远程调试插件有很多,本来要使用chrome浏览器的调试插件的,但是需要FQ才能使用(公司网络有限制,果断放弃),最终选择使用UC浏览器的. 其实UC官网插件使用已经介绍的很详细了,但是有几处坑需要注意一下额! 参考进行配置UC远程调试:http://plus.uc.cn/document/webapp/doc5.html 1,如下图,如果是win64位系统,应该解压到C:\Windows\SysWOW64目录下 2,如下图,安装adb成功后,执行以下命令进行映射端口时,命令之间有空格,可以…

PC网站转换成手机版

博客地址:https://www.cnblogs.com/zxtceq/p/5714606.html 一天完成把PC网站改为自适应!原来这么简单! http://www.webkaka.com/blog/archives/how-to-modify-a-web-page-to-be-responsive.html 一天完成把PC网站改为自适应!原来这么简单! 作者:Kaka    时间:2015-8-27 11:26:9    浏览:5279    评论:8 网站自适应,很多人都认为是很高级需要…

Blogger支持Mobile行动版网页 - Blog透视镜

目前几乎人人都使用行动装置像是Pad,智能型手机等,而Blogger也针对此类的使用者,推出支持Mobile行动版网页,提供简单清爽的页面,方便在小屏幕上的阅读,在设定上也相当的简单,同时还可以在计算机上,预览Mobile行动版网页. 阅读全文>>…

用mac的safari浏览器调试ios手机的网页

iOS 6给Safari带来了远程的Web检查器工具. 一.参考链接 ios开发者文档 safari开发者工具 remote debugging safari 二.设置iphone 设置 -> Safari -> 高级 -> 开启web检查器 三.设置mac Safari -> 偏好设置 -> 高级 -> 勾选显示开发菜单 四.连接手机和电脑 1.用数据线,mac转接头把iphone和mac连接起来:2.打开iphone的Safari浏览器中需要调试的网页:3.打开ma…

用mac的chrome浏览器调试Android手机的网页

一.参考链接 read chrome remote debugging documentation 调出开发者选项 二.设置android 在安卓4.2及更新的版本中,默认情况下,[开发者选项]是隐藏的.要启用[开发者选项],设置 -> 关于手机 -> 版本号,对着版本号点击7次. 设置 -> 开发者选项 -> USB调试 三.连接手机和电脑 1.用数据线,mac转接头把android和mac连接起来:2.打开android的chrome浏览器中需要调试的网页:3.打开mac的ch…

利用chorme调试手机网页

太方便了,很实用的技巧(特意记录一下) 1.pc端安装最新的chrome 2.手机端安装最新的chrome ( Android机 ) 3.USB连接线 4.打开电脑的chrome 在地址栏输入 chrome://inspect 选中 Discover USB devices 可以检测到你的设备 可以看到监测到我的设备是C6603 #YT9108PMBJ 5.打开手机上的chrome,访问你需要调试的网站:这时pc上的chorme会出现你访问的网址的记录,如下图 6.点击上图访问链接下面的insp…

谷歌浏览器调试手机app内置网页

当自己的H5项目内置于手机app内时,遇到了样式问题或者想查看H5页面代码.数据交互以及缓存等情况来检查数据,此时可以使用谷歌浏览器的控制台远程调试手机,步骤如下: 一.手机开启允许usb调试 二.手机通过数据线与电脑连接,允许授权调试(有的手机可能不会弹框提示) 三.打开谷歌浏览器控制台,找到Remote devices 四.允许谷歌连接手机设备,正常可以看到自己的手机类型,如Le X820 五.点击设备,只要当前访问的是H5页面,就可以看到对应的链接 六.点击Inspect,出现弹框,可以调…