原文:移动端页面(css)调试之“weinre大法”

移动端页面调试一般分两步。第一步我们需要把本地 pc端 写的页面效果展现在移动端,一个很方便的办法是用 fiddler 作为代理,具体可以参考 如何用 fiddler 代理调试本地手机页面,这样我们就能在自己的手机上看到真机效果,有时还可以用 alert 调试一些 js 当然,有时仅仅展现样式还不够,我们希望能像 chrome 面板或者 firebug 一样查看元素的 css 样式,甚至可以在控制 ...

2015-11-27 23:05 0 3423 推荐指数:

查看详情

移动真机调试--weinre

一、安装 首先确保你的电脑上有node环境,然后使用cnpm或npm 安装 windows下 npm install weinre -g --registry=https://registry.npm.taobao.org mac下 sudo npm install ...

Sun Jul 14 07:09:00 CST 2019 0 505
移动真机调试大法

在日常项目中的开发中,接触移动开发的小伙伴们免不了要和移动调试打交道,本文特在此总结下常用的移动调试,欢迎小伙伴补充。 谷歌浏览器 谷歌浏览器是我们前端开发中必不可少的利器,跳样式,打断点,看网络请求,看性能等,基本上你能想到的,谷歌都能满足你,在移动调试方面也是一样,我们可以利 ...

Mon Sep 23 01:45:00 CST 2019 0 897
在本地调试移动设备上的页面——神器weinre介绍

  平时写代码,最喜欢用chrome的developer Tool调试页面了,基本是离不了的工具。但是当页面需要在移动设备上使用,尤其是被嵌入到Hybird APP中时,由于移动版的chrome没有developer Tool,只能傻傻的用alert来输出一些调试信息,修改了CSS样式也必须不断 ...

Fri Nov 22 08:13:00 CST 2013 2 4338
移动前端调式页面--weinre

一:远程调式工具---weinre 阅读目录 一:远程调式工具---weinre 二: 安装weinre 三: 访问weinre及在页面上调用 四:多用户 回到顶部 一:远程调式工具---weinre Weinre是什么? Weinre ...

Tue Jul 28 06:45:00 CST 2015 5 1607
移动适配大法

前言 前端代码的编写永远逃不过“兼容”二词,从前PC时代,因为IE的傲娇,导致程序猿们一直在兼容IE的道路上挣扎,如今移动设备的普及,仿佛让我们看到了希望,仿佛马上就要摆脱IE了,可是!一波还未平息,一波又来侵袭~移动确实不用考虑IE了,各种CSS新特性也用的爽到飞起,但一座大山压了过来 ...

Wed Sep 05 21:39:00 CST 2018 1 644
移动页面 css reset

这个是通用的 css reset.这个版本适用于 移动页面 如果需要在 PC使用,可以 修改 html{font-size: 10px;}为html{font-size: 12px;} 其他地方不需要修改 ...

Sat May 07 03:43:00 CST 2016 0 5819
使用 Weinre 调试移动网站及 PhoneGap 应用

  在 PC ,我们可以使用 Firebug 或者 Chrome 开发人员工具方便的调试网站或者 Web 应用。但是,当我们想在移动调试站点或者应用的时候,这些工具就派不上用场了。因此,移动开发人员都希望能有 Mobile 版本的 Firebug 或者 Chrome 开发人员 ...

Wed Jun 19 17:51:00 CST 2013 10 16213
HTML5+CSS3开发移动页面

前提知识: 1、能够独立根据设计稿进行整套项目的需求、剖析及其开发; 2、对项目开发流程需要有一个基本的了解; 3、可以灵活运用切图、重构、前端的知识对项目进行灵活控制。 开发步骤之需求 ...

Mon Nov 13 09:37:00 CST 2017 0 4682
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM