记一个在移动端调试 web 页面的方法

【记一个在移动端调试 web 页面的方法】的更多相关文章

记一个在移动端调试 web 页面的方法

1. 工具:Weinre 2. 安装:npm -g install weinre | npm install weinre -g --registry=https://registry.npm.taobao.org 3. 获取 ip:ifconfig(Linux / Mac) | ipconfig(Windows) Mac:按住「option」按键,再点击屏幕右上角的 wifi 图标,可以看到 IP 地址 4. 启动服务: weinre --boundHost ip(如 172.16.1.…

移动端调试Web页面

移动端调试Web页面虽然可以在PC下,通过开发者工具,模拟移动端,但是这样只能模拟页面样式,对于代码的执行情况是无法模拟的,所以在此结合实际调试经验,针对安卓与IOS设备,进行总结. IOS 安卓 IOS 软件准备 Node.js Scoop Remotedebug-ios-webkit-adapter 说明: Scoop是一款Windows下命令行包管理工具 Scoop安装完后,通过它下载 ios-webkit-debug-proxy 安装Node模块:remotedebug-ios-web…

dr-helper项目设计介绍（一个包括移动端和Web端的点餐管理系统）

一.源代码路径 https://github.com/weiganyi/dr-helper 二.界面通过浏览器訪问Web服务,能够看到界面例如以下: ADT-Bundle编译project生成dr-helper.apk.安装后能够看到应用界面例如以下: 三.背景 Java诞生后主要就是用于Web开发,随着Android的兴起,其在移动领域也应用广泛.我在学习了Java相关的一系列技术后,想找个项目来实际运用一下.因此我考虑能够基于Java相关的技术来构建一个包含移动端和Web端的餐厅管理系统,…

HTTP lab01 做一个简单的测试用 web页面

做一个简单的测试用 web页面 1.安装httpd服务 yum install httpd 安装完httpd服务后,系统就自动生成了/var/www/html目录创建一个纯文本文件,写上一段话: 就可以浏览测试网页了 echo Hello World! Welcome to Beijing! > /var/www/html/index.html 刷新网页使用html对纯文本进行改善效果太简单,更进一步我们使用超文本传输协议HTML来就行修改 vim…

Weinre 远程调试移动端手机web页面

调试场景 1.调试页面在手机上.2.调试工具在PC的chrome3.手机跟pc要在同一个网络环境下,也就是都使用一个wifi 一.安装 Weinre 1.Weinre是基于nodejs实现的,所以使用它必须先安装node运行环境,新版的node已经集成了npm, 所以直接在在命令行键入下面的命令即可安装, 如果你是Mac/Linux用户, 还需要在前面加入"sudo": npm -g install weinre 2.安装后输入命令 "weinre", 查看wein…

「移动端」Web页面适配

一.什么是移动端适配移动端 Web 页面,就是常说的手机 h5页面.webview页面.公众号开发的网页等. 由于手机机型较多,各个手机的屏幕尺寸不一样,所以做移动端页面,需要考虑在安卓和ios的各种尺寸设备的兼容问题,我们要做的 web 页面适配,就是为了在不同设备上,页面能够保持统一展示效果,或等比缩放. 二.移动适配方案常见的移动适配方案有以下几种: viewport 盒模型 flex rem 2.1.viewport - 可视区最初手机端需要照顾 PC 端,如果不设置 viewpo…

SiteMesh：一个优于Apache Tiles的Web页面布局、装饰框架

一.SiteMesh项目简介 OS(OpenSymphony)的SiteMesh是一个用来在JSP中实现页面布局和装饰(layout and decoration)的框架组件,能够帮助网站开发人员较容易实现页面中动态内容和静态装饰外观的分离. Sitemesh是由一个基于Web页面布局.装饰以及与现存Web应用整合的框架.它能帮助我们在由大量页面构成的项目中创建一致的页面布局和外观,如一致的导航条,一致的banner,一致的版权,等等.它不仅仅能处理动态的内容,如jsp,php,asp等产生的内…