手机访问本地项目实现远程调试的几种办法
来源:互联网 发布:黑页源码带音乐 编辑:程序博客网 时间:2024/05/17 06:23
一、在服务器环境下通过IP访问
首先搭建一个服务器环境或者下载现成的程序集成包(比如phpstudy、jspstudy等)。
确保服务器和手机连接在同一网段。如果是笔记本的话,手机和笔记本直接连接在同一wifi下,如果是台式机,则需要插入无线网卡或者其他的无线措施确保两个在同一网段下。
通过本机IP+端口访问需要测试的项目。
二、liveStyle
- liveStyle是个提供“样式实时预览”插件,在编辑器和控制台能够单向/双向实现样式修改的同步,而且对移动页面的远程调试也是非常方便。
在sublimeText通过package安装liveStyle,在chrome安装扩展liveStyle插件。
点击chrome浏览器右上角的liveStyle图标选择同步方式,添加需要修改的css,然后打开编辑器修改对应样式或者在控制台修改样式即可实现双向同步。
移动设备的远程调试
在liveStyle(http://livestyle.io/)官网下载Emmet LiveStyle APP。安装成功之后打开APP,执行上面的三步,然后完成下图操作后在手机打开生成的网址即可访问本地的项目。
三、Browser-sync(https://www.browsersync.io/#install)
安装 Node.js (http://blog.csdn.net/frontender_way/article/details/51497343)
Browsersync依赖node,所以需要先安装node.js安装 Browsersync
在命令行里通过npm安装:npm install -g browser-sync启动Browsersync
//静态项目:// 监听css文件 browser-sync start --server --files "css/*.css"// 监听css和html文件browser-sync start --server --files "css/*.css, *.html"//动态项目// myproject.dev可以是ip或域名// 监听css文件browser-sync start --proxy "myproject.dev" --files "css/*.css"// 监听css和html文件browser-sync start --proxy "myproject.dev" --files "css/*.css, *.html"
然后在移动设备上通过ip+端口访问,这样就搞定了手机访问本地项目的问题。当然也可以和gulp等自动构建工具结合使用,https://www.browsersync.io/docs/gulp。
0 0
- 手机访问本地项目实现远程调试的几种办法
- 本地项目远程访问
- 手机访问本地php项目遇到的问题及解决
- 修改linux ssh远程端口的几种办法
- 如何用手机访问电脑本地localhost网页, 以调试项目?
- 保存远程图片到本地的办法
- 手机局域网内访问本地项目
- VB中访问存储过程的几种办法
- VB中访问存储过程的几种办法(转帖)
- VB中访问存储过程的几种办法
- VB中访问存储过程的几种办法
- VB中访问存储过程的几种办法
- VB中访问存储过程的几种办法
- 防止用户直接访问jsp页面的几种办法
- 远程计算机调试Web 服务的办法
- 远程计算机调试Web 服务的办法
- windows 实现本地Eclipse远程调试MapReduce
- 远程控制手机的几种电脑端软件
- Idea多项目开发,要注意的问题
- GUI 鼠标响应
- oracle:查询用户权限常用语句
- Android中的onActivityResult和setResult方法的使用
- github上传图片或是展示的gif
- 手机访问本地项目实现远程调试的几种办法
- CCF计算机软件能力认证试题练习-相反数(Java参考答案学习记录)
- OPC客户端开发之OPC服务器的枚举和连接------OPC(第五篇)
- 怎么解决查询失业人员信息时出的错误
- XSS跨站脚本攻击与CSRF跨站请求伪造攻击的学习
- oracle数据库,使用jdbc解析注释出现的问题
- 隐藏键盘和显示键盘
- mktime()的格式
- XML——XML文件约束之DTD详解