一 安卓 一 chrome 1.安卓手机安装chrome浏览器,手机打开开发者模式,用usb线链接电脑,并且允许调试. 2.电脑chrome地址栏输入 chrome://inspect 进入后点击 inspect 即进入调试模式(注意:第一次调试必须FQ). 3.调试和电脑端基本没有差异.电脑端修改样式等,手机立马变化. 二 webview 1.手机必须安卓4.4+ 2.安卓端必须打开允许调试的权限 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES…

charles代理 使用技巧如下: http://www.jianshu.com/p/fdd7c681929c 1.手机wifi连接代理 以iphone为例,长按住wifi, 进入下一页,可看到 HTTP代理-配置代理, 点击进去,进入下图的页面.然后在服务器和端口设置你电脑的ip和port(如192.168.20.46 和8888). 然后电脑上的charles会出现一个对话框,如下,请点击下allow. 2.手机安装证书 打开手机的默认浏览器,如safari, 输入http://charle…

背景:开发PC页面的时候使用chrome浏览器的开发者工具,可以很容易的捕获到页面的dom元素,并且可以修改样式,方便调试:但是手机上却很麻烦,因为手机上没有办法直接打开开发者工具查看元素.其实可以通过将设备连接到PC,使用PC的开发者工具检测. 1.安卓手机调试工具chrome DevTools调试步骤a.需要满足安卓系统版本为Android 4.4以上,并且需要再你的APP内配置相应的代码,在WebView类中调用静态方法setWebContentsDebuggingEnabled,如下:i…

原文出处: 盛瀚钦 本文主要列举了调试本地网页.查看测试环境网页的各种方法,涵盖了PC.iPad.移动端的调试技巧. 本文的不足之处在于,小溪里暂时还没有找到调试位于微信中和安卓各国产浏览器上的网页. 相关设备概念: PC :主要指以 Windows 系统为代表的台式机或笔记本,其通常为 1 倍屏 MacBook :主要指 MacBook Pro Retina,其为 2 倍屏,但 Mackbook Air为 1 倍屏 iPad :主要指以 iPad Air Retina 和 iPad Mini…

开发项目中,调试是必不可少的. 本篇博客从以下4个方面介绍项目调试技巧: 响应状态码的含义 服务端断点调试技巧 客户端断点调试技巧 设置日志级别,并将日志输出到不同的终端 以及,最后简单的介绍了一下git的使用. 1. 项目调试技巧 项目调试过程中,web项目首先看HTTP状态响应码,找是客户端还是服务端的错误,看看日志信息有没有错误信息,如果没有找到,进行断点调试,这是一个大概的流程. 1.1 响应状态码的含义 接下来介绍几个最常见的响应状态码,参考网址:https://developer.m…

使用 chrome://inspect/#devices,可以使安卓手机里的WebView也能和chrome一样审查元素,调试和测试移动端H5页面. 我使用的是三星S6 (该功能支持安卓系统4.4及以上机型),电脑是win 7 系统,以下几步就可以轻松使用浏览器内置的功能调试移动端网页了: 1. 确保手机开启调试模式连接电脑,手机设置里面,开发者模式.USB调试均处于开启状态: 2. 手机上打开一个网页,只要是webview形式的网页应该都是可以的: 3.电脑上安装连接手机的驱动,cmd命令输入…

移动端H5开发,必要要做到自适应各种分辨率的手机,下面由我为大家大致说一下,需要3步走 第一:head标签中添加: <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> 各个参数解释: width:可视区域的宽度,值可为数字或关键词device-width height:同…

此篇接上一篇: 移动端H5混合开发,Touch触控,拖拽,长按, 滑屏 实现方案 https://www.cnblogs.com/buoge/p/9346699.html app 场布设置已经上线了,用户可以通过手机端嵌入的h5网页进行场布设置,原来只能在pc端浏览器,还得带上个笔记本电脑很是不方便,这个功能很好的解决了目前设置不顺畅的问题.上线后得到大家的认可,提升了业务效率,这一个多月的辛苦开发还是值得的,接下来是对自己这一段时间开发过程的一个总结. 整体开发基于H5+Css3+Jquery…

移动端H5的一些基本知识点总结 来到这家公司之后,和曾经的工作发生了非常大的转变.曾经我一直是做PC端页面的.来到如今这家公司之后,主要是做手机移动端的页面. 移动端的页面在我这个做习惯了PC端页面的人看来,应该是非常easy的一些事情.可是在上手的过程其中,还是发现,原来移动端尽管DOM结构要简单得多,可是须要注意的细节,还是非常多的.原因非常easy,那就是,你必须考虑全部的手机上不同分辨率的展示效果. 移动端的分辨率有哪些呢? 以iphone为例,有下面分辨率 iphone4 640*96…

调试技巧--Windows端口号是否被占用 一.端口概念 10.0.0.0~10.255.255.255,172.16.0.0~172.16.255.255, 192.168.0.0~192.168.255.255.端口概念在网络技术中,端口(Port)大致有两种意思:一是物理意义上的端口,比如,ADSL Modem.集线器.交换机.路由器用于连接其他网络设备的接口,如RJ-45端口.SC端口等等.二是逻辑意义上的端口,一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览…