最早开始调试移动端网页时,本人都是采取PC上改几行代码,手机上刷新一下看效果这种笨方法来开发的,效率低而且容易让人抓狂。最近偶然发现原来可以使用PC上的浏览器来调试移动设备,不由得感叹相逢恨晚。 工具: Chrome浏览器(PC) Chrome Dev浏览器(移动设备 ...
我们在移动端进行前端开发时,会遇到一个让人头痛但不得不面对的问题 调试。 在 PC 机器上,我们有功能强大的 Chrome DevTools Firebug,即便是老版本的 IE ,我们也可以安装微软提供的插件,对网页样式和请求信息轻松进行调试。但在手机 平板上,很多人就无招可施了,一个劲的 alert 查看调试信息。如果你已经厌倦了可爱又可恨的 alert 弹窗,请继续往下阅读。 一 先说说调试 ...
2014-08-29 00:15 11 3274 推荐指数:
最早开始调试移动端网页时,本人都是采取PC上改几行代码,手机上刷新一下看效果这种笨方法来开发的,效率低而且容易让人抓狂。最近偶然发现原来可以使用PC上的浏览器来调试移动设备,不由得感叹相逢恨晚。 工具: Chrome浏览器(PC) Chrome Dev浏览器(移动设备 ...
server { listen 80; server_name localhost; #charset koi8-r; #access_log logs/host.access ...
由于最近要写一个vue项目,同时适配移动端和pc端。考虑到一些功能在移动端和pc端需要使用不同的插件来实现,所以需要进行判断。 于是本人在assets > js目录下新建了一个isMobile.js: function isMobile() { let mobile ...
实际开发工作中会经常遇到一个需求,就是判断当前登录网页的设备是PC还是移动,要求PC端和移动端显示的是不同的网页内容。 那么我们就需要对当前登录设备进行判断。 使用 navigator.userAgent 字符串检测 我是在PC端开发完接到要做移动端的需求,而且移动端只有一个页面 ...
经常在项目中会有支持 pc 与手机端需求。并且pc与手机端是两个不一样的页面。这时就要求判断设置,根据不同的设置跳转不同的路由。直接上代码 //在 router/index.js 中有两个页面。 export default new Router({ mode: 'history ...
...
cmd窗口中输入adb应会出现上图情况,如果显示不存在则需要网上下载adb工具并在我的电脑-属性-高级系统设置-环境变量中将adb工具的路径加入PATH,如下图: 输入adb devices 可以看到连接设备数量,为下一步对手机app测试打下基础。 ...
1. 将手机通过usb连接上手机 打开手机的调试模式,通过下述命令确认设备连接成功 2. 确认手机的ip地址 在PC上直接通过adb登录手机的shell环境: 3. 打开adb监听端口 直接在电脑上运行 其中端口可自行选择。 4. 远程连接 现在你可以断开手机和PC ...