真机预览本地页面方式-简单快捷（精简大法Node）

最新推荐文章于 2022-04-06 12:35:10 发布
置顶 最新推荐文章于 2022-04-06 12:35:10 发布
阅读量535 收藏
点赞数
分类专栏： html类点 移动端 文章标签： 移动端预览本地页面
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YangBingX/article/details/80814255
版权
  • 前提：真机和PC端在同一个局域网内。

1、安装nodejs环境 （node -v 查看版本号）

2、在所在的项目下输入命令：npm install anywhere -g

3、直接输入命令：anywhere，这里浏览器自动打开所有项目的根目录，点击就可以看到，同一网段下，然后手机直接预览这个地址就可以

IceYang-
关注
专栏目录
NodeJs学习笔记 - webpack生成预览页面
灵台方寸山斜月三星洞
05-18 311
安装插件 $ npm install html-webpack-plugin -D 修复配置 webpack.config.js // 导入生成预览页面插件得到构造函数 const HtmlWebpackPlugin = require('html-webpack-plugin') // 创建插件的实例对象 const htmlPlugin = new HtmlWebpackPlugin({ template: './src/index.html', // 指定源文件 filename: 'ind
nodejs+php预览,nodejs实现本地上传图片并预览功能实例代码
weixin_42620563的博客
03-22 269
详解nodejs实现本地上传图片并预览功能(express4.0+)Express为：4.13.1 multyparty: 4.1.2代码主要实现本地图片上传到nodejs服务器的文件下，通过取图片路径进行图片预览写在前面：计划实现图片上传预览功能，但是本地图片上传所获得路径为 C:\fakepath\"+文件名的形式，得不到文件真实路径，所以无法直接预览，于是采用将图片上传至服务器，传回服务器...
如何本地调试移动端页面
liujiaojiao666的博客
10-31 1082
如何本地调试移动端页面手机调试微信公众号本地代码先建立本地web服务器的连接 手机调试微信公众号本地代码 目前在写一个公众号,需要使用到微信的jssdk,但是每次都要把代码传到测试服上,然后再调试,调试一次都十分麻烦,之前也查过怎么本地调试,尝试之后都不可行,昨天又搜了一下,发现了一个可行的方法,由于那个作者也只写了后半截步骤,前半截是我自己又搜索出来的,现在把它整理到一起,方便我和你的使用 先建...
真机预览H5页面。
weixin_44953689的博客
01-03 503
1.全局安装node.js 2.npm i anywhere -g 3.在文件夹根目录下打开cmd 执行anywhere命令 4.须在同一WiFi下
node创建本地服务,本地预览vue打包后的文件(通过express)
weixin_30394633的博客
08-05 623
//亲测有效const express = require('express'); const path = require('path'); // 兼容connect let app = express(); // 注册唯一内置的中间件：static app.use(express.static(path.join(__dirname,'dist'))); //...
vue-admin-template-master(vue-element-admin-master的精简版本）
06-07
(vue-element-admin-master的精简版本），快速搭建后台管理系统，是4.4.0版本。其中包含相匹配版本的node.js安装包，省心啊。首先安装node.js，然后cmd看一下（node -v），成功之后，就可以用vs打开精简版本的vue-...
vue-element-admin 精简版
03-03
10. **plopfile.js**: Plop.js是一个快速生成模板代码的工具，通过`plopfile.js`配置，可以自动化创建组件、页面等项目结构。 11. **postcss.config.js**: PostCSS是一个CSS处理器，可以用来添加未来CSS特性、转换...
精简博客-精简博客系统-精简博客系统源码-精简博客管理系统-基于springboot的精简博客系统-精简博客管理系统java代码
最新发布
04-17
精简博客-精简博客系统-精简博客系统源码-精简博客管理系统-精简博客管理系统java代码-精简博客系统设计与实现-基于springboot的精简博客系统-基于Web的精简博客系统设计与实现-精简博客网站-精简博客网站代码-精简...
远程实时调试手机上的Web页面
04-16 1243
转载地址:http://www.douban.com/note/289846168/ 调试前端页面我一直使用着神器Chrome开发人员工具, 那个方便, 大家都懂的. 但当我们要调试为移动设备设计的Web页面时, 是不是觉得有点力不从心了? 平时开发时我们可以一直都是在桌面调试这个页面, 但最终的运行环境是移动设备, 最终还是要在手机上验证一下, 这个时候各种兼容性问题就有可能接踵而来.
NodeJs搭建本地服务器之使用手机访问
04-14 2万+
作为一名不懂后台的前端工程师来说，利用node.js搭建服务器，是一个非常好的选择。下面搭建一个简单的服务器： var app=require("express")(); //接收来自用户的任何请求 app.use(function(req,res){ res.write("The response from server"); res.end(); }); 这个ip地址
真机预览时报错
qq_61643292的博客
04-06 3387
error occurs:ENOENT: no such file or directory, access '/storage/emulated/0 把真机调试2.0改成1.0就可以了
【转】手机web前端调试页面的几种方式
weixin_33725807的博客
03-01 2204
前言 PC端web页面调试比较容易，这里主要说几种移动端调试的方法，从简单到复杂、从模拟调试到远程调试，大概分为几部分： 1、Chrome DevTools（谷歌浏览器）的模拟手机调试 2、weinre(web inspectorremote)远程调试工具 3、微信的“web开发者工具”，集成了Chrome DevTools和weinre，做的比较好 4、Chrome DevTools...
微信小程序真机预览跟本地不同的问题
Fenchow的博客
04-08 4万+
微信小程序中出现最多的一个问题，就是真机跟本地不同：我简单列举一些我发现的原因，给大家参考，大家也可以把自己发现的东西回复给我，给我参考： 本地看不到数据，就先让本地能看到数据，再看本帖。。。。 特别提示：当问题较为复杂时，请制作一个专门的最简demo，以便集中观察，确定问题。 看帖前需测试内容： 测试内容一：请同时测试安卓及ios至少各两款手机型号； 测试内容二：开发者工具内开
微信小程序 在开发者工具调试可以，在真机调试和预览没数据的解决办法
热门推荐
lff的博客
06-13 6万+
最近做一个小程序，在开发者工具上完成之后，真机调试了一下发现数据都没有传过来，就很头疼。然后寻找解决的办法： 开始一直以为是域名有问题，服务器域名我都配置了，我点了不校验安全域名、web-view 域名、TLS 版本以及 HTTPS 证书，还是不行。 然后我从本地测试，之前搞小程序的时候localhost 是可以用的，我现在本地测试要用ip访问并且要连跟电脑相同的WiF...
9102了，你还不会移动端真机调试？
Yvette Lau的专栏
03-19 1万+
移动端调试困难很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。但是一旦出现问题，我们就很难解决，因为缺乏可视化的界面。不似在PC端，我们能直观的去改变样式，或者是进行断点调试。有时，在移动端我们不得不借助于alert来调试，但是这样的调试方法效率极其低下，很多时候，都是靠经验，或者是靠排除法。
nodejs安装weinre 及移动端调试网页
WRian_Ban的小晴天
10-08 2066
安装nodejs官网下载安装包，安装 cmd检查是否安装成功 安装weinre 安装路径D:\nodejs\node_modules\weinre开启weinre 默认端口 在cmd中执行weinre –boundHost -all- (一定要这样写，区分大写和小写)服务器地址为http://localhost:8080 自定义端口 在cmd中执行weinre –httpPort 808
写的页面如何在手机上预览
weixin_30412167的博客
03-26 1431
写好的手机页面按F12，可在浏览器上预览不同机型的情况，但是浏览器自带的模拟调试器，和真机还是有差别的，那么如何在手机预览自己写的项目呢？ 有以下两种情况，无论那种情况，都要求手机和电脑在同一局域网下，补充，先知道本机的ip地址，方法win+R，然后输入cmd，输入ipconfig查看本机ip 方法1.如果电脑连的是wifi,那么手机必须连的和电脑同一个wifi，在浏览器里复制要预览的页面地址...
手机真机调试本地前端页面
朝阳39的博客
07-20 1996
1. 电脑上本地启动前端项目 若只是一个html文件，则需启动一个http服务运行该文件，在浏览器中会显示类似 http://127.0.0.1:5500/demo.html 的网址，具体操作方式如下： webstrom 直接运行html文件即可，运行的方式有： 点击右上角的运行按钮 鼠标右键快捷菜单点运行 菜单【运行】中点运行 快捷键 Shift + F10 vscode 安装插件 Live Server 使用 Live Server运行html文件，运行的方式有： 鼠标右键快捷菜单点 o.
h5静态网页在手机上预览
前端阿皓
01-05 1913
基于nodejs服务器Anywhere 一、安装node.js 在nodejs官网下载，安装后打开cmd命令行，输入node -v 查看是否安装成功，安装成功则会出现node的版本号 二、在命令行执行 npm install anywhere -g npm install anywhere -g 三、在你需要的文件夹目录下执行anywhere 四、在浏览器输入地址 #### 大功告成 **...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值