快速启动Node服务器,调试本地静态文件代码

如何在移动设备上测试静态文件?

现在移动端优先的情况下,前端工程师写好静态页面后,通常是需要测试不同的设备上效果,看看有没有兼容性的问题。谷歌浏览器有一个模拟手机的调试功能,一般,我们先用谷歌调试好。但毕竟是模拟的,为了保险起见,还是需要用真机测试的。

可是静态的html文件怎么放到手机上调试呢?难不成把文件拷一份,放到不同的手机上?显然不是。

NodeJS的一个npm模块anywhere 就可以快速地把你的当前目录变成一个静态文件服务器的根目录。

anywhere的安装及使用

首先,安装Node。具体操作请看Node的官网。傻瓜式地安装。

其次,安装anywhere。在命令行输入

npm install anywhere -g

npm install + 模块名 从NPM服务器下载别人编写的第三方包的固定写法。

-g 表示全局安装,在电脑的任何部门都可以使用anywhere模块。

启动服务:

在命令行切换到项目的根目录,然后输入anywhere即可。服务启动后,会自动打开你的默认浏览器,网址是http://192.168.31.192:8000/。

此时,如果你想在手机上测试index.html页面,你只需要在手机上访问 http://192.168.31.192:8000/index.html 即可看到效果。

当然,这里有一个前提,就是你的手机和电脑是在同一个局域网内的。

本文首发于我的个人博客

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,359评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,270评论 25 709
  • Spring Boot 参考指南 介绍 转载自:https://www.gitbook.com/book/qbgb...
    毛宇鹏阅读 47,054评论 6 342
  • 【姓名】邵振 【派别】文魁派 【导师】袁文魁 【分舵】文魁派第一分舵 【舵主】刘丽琼 【导图解说】 我的中心图是一...
    邵振阅读 1,189评论 2 1
  • 人心果(人心果是一种山榄科的热带水果,因为人心果的果实长得很像人的心脏,所以被人们命名叫做人心果。是营养价值很高的...
    小虫_6c80阅读 3,297评论 0 0