基于nodejs实现本地网页服务器-实现手机测试电脑开发的移动端网页

2024-04-10 22:36:05

相信很多前端开发者都有开发过移动端web，那么我们如何用手机测试开发的网页？

以下介绍两种方法：

方法一：利用nodejs搭建一个服务器

编码本人已经实现，有兴趣可以看看，把需要测试的网页放到node-server下边的root文件夹即可的http/webroot文件夹下即可。

实现代码已经上传到Github，不需要安装下载即可使用，详情请参考Github文件中readme文件。

Github地址：https://github.com/XieTongXue/how-to/tree/master/node-server

方法二：利用开发工具

以webstorm举例，起一个服务器然后将localhost改成本地IP地址，用草料二维码将网址生成二维码，

即可用跟电脑连了同一个局域网的手机扫描二维码查看网页效果。

步骤：

（1）打开设置setting面板

（2）找到Build，Execution，Deployment选项中的Deployment选项，右侧会出现+号，点击填写名称tomcat，type选择Local or……，然后点击OK。

（3）配置tomcat服务器。首先是connection选项卡，其中的upload/download project files选择要部署到tomcat服务器目录，webserver root url则是用来运行该站点的地址。

（4）配置Mappings。Local Path：是要部署的项目文件夹地址。Deployment Path是一个相对路径，是与（3）中upload/download project files的地址的相对路径。

到此为止，一个tomcat服务器的部署就配置好了。

（5）然后就是要将文件上传到tomcat目录下。选择tools菜单–>Deployment–>upload to tomcat即可。

（6）为了进一步简化操作，可以将upload to tomcat按钮添加到工具栏中。

基于nodejs实现本地网页服务器-实现手机测试电脑开发的移动端网页相关推荐

基于socket实现虚拟手柄使用手机控制电脑游戏（下）-手机端虚拟手柄
基于socket实现虚拟手柄使用手机控制电脑游戏(下)-手机端虚拟手柄这个是关于利用socket套接字实现手机控制电脑按键的一个实例,完成这个项目可以实现用手机控制狂野飙车等游戏,就是一个简易的手机 ...
基于socket实现虚拟手柄使用手机控制电脑游戏（上）-电脑服务端
基于socket实现虚拟手柄使用手机控制电脑游戏(上)-电脑服务端这个是关于利用socket套接字实现手机控制电脑按键的一个实例,完成这个项目可以实现用手机控制狂野飙车等游戏,就是一个简易的手机虚拟 ...
基于Java实现的Web服务器与测试工具开发
资源下载地址:https://download.csdn.net/download/sheziqiong/85706486 资源下载地址:https://download.csdn.net/downl ...
为什么手机棋牌游戏开发比PC端开发要复杂？
现在大家都习惯用手机娱乐,电脑逐渐被淘汰,为了顺应这股趋势,各大棋牌游戏开发商开始钻研于手机棋牌游戏开发,尽最大的努力做到精益求精.摩天游科技十年开发经验告诉大家,一款手机游戏的开发,技术上的问题往往 ...
基于Android平台淘宝网手机客户端实战开发(共四季,涉及各类技术应用)
本课程共分四季,学习本课程需要拥有Android方面一定的技术基础, http://www.ibeifeng.com/goods.php?id=176 本项目涉及技术点如下: 第一季:主要涉及的技术点 ...
用sublime server 启动本地服务器（手机访问电脑页面）
安装sublime server 插件包 1.Ctrl + shift + p install package sublimeServer 2.git cd to your Sublime pack ...
iOS应用如果打包安装到手机测试
安装到真机测试是开发必要的过程,查看App在真机是否正常显示运行! 如果有条件,可以进行多种型号设备的真机测试调试! 真机调试分5步进行介绍! (上架前一定要先测试好APP,要不app一堆bug,上架 ...
如何用手机访问电脑本地webpack打包的项目?
手机访问电脑本地项目首先确保手机和电脑在同一个局域网中(例如连接同一个 WiFi ) 一般情况下手机访问电脑的 ip 地址会被防火墙阻挡,所以在防火墙中添加入站规则: 这里我设置项目端口为比较常见的 ...
PC端和移动端网页特效，fastclick插件，Swiper插件，Bootstrap等框架，本地存储
目录 PC 端网页特效元素偏移量 offset 系列 1.offset 系列常用属性 2.offset 与 style 区别 3.计算鼠标在盒子内的坐标 4.模态框拖拽 5.京东商品放大镜元素可视 ...

最新文章

热门文章