如何利用手机预览intellij idea本地web项目运行效果（程序猿小小的乐趣—

这也许就是传说中，程序猿的快乐吧。。。请秉着一颗无聊消遣的心阅读。。。

测试环境：拯救者Y7000P(一台可以开移动热点的笔记本电脑) ； Windows10 ；一部可以上网冲浪的智能手机

我们在开发web项目的时候，不仅希望它可以在PC浏览器上显示的完美，还希望它可以在移动端完美适配。这个时候，有的人会选择使用Chrome浏览器的调试功能查看浏览效果，有的大佬会选择部署到服务器上查看，等等。今天我要使用一种特殊的方式查看。

第一步：本地部署项目，并且可以在浏览器中成功运行。

第二步：查看本机IP地址，把localhost，换成本地IP，并生成二维码。

第三步：用手机连接笔记本电脑的移动热点。

最后一步：用手机扫刚刚生成的二维码，看效果。

觉得有意思的猿点个赞，说实话，这是我得知10分钟后就要吃饭的消息的时候写的，确实很无聊。。。哈哈

如何利用手机预览intellij idea本地web项目运行效果（程序猿小小的乐趣——娱乐篇）相关推荐

IntelliJ IDEA 部署 Web 项目，终于搞懂了！
IntelliJ IDEA 部署 Web 项目,终于搞懂了! 这篇牛逼:Java 程序员必备的 Intellij IDEA 插件 IDEA 中最重要的各种设置项,就是这个 Project Struct ...
微信小程序本地图片在开发工具显示手机预览不显示
微信小程序在设置背景图片时,使用本地路径,手机预览无法显示. 首先检查图片的路径,是否有中文,都没有问题的时候,看插入背景图片格式采用background-image: 即: <view cla ...
微信小程序开发工具能正常请求后台数据，手机预览请求失败
微信小程序开发工具能正常请求后台数据,手机预览请求失败问题描述微信开发者工具调试完想用手机预览效果,结果发现凡是后台请求都失败. 原因分析可能的原因有三个: 微信开发者工具详情里的本地设置,没有 ...
车载应用--AUXIN 利用 surfaceView 预览 Camera 数据
前文介绍了倒车后视,主要是利用 WindowManager 来加载布局,在布局中增加 SurfaceView 来预览 camera 数据.车载倒车后视–利用 WindowManager 预览 came ...
微信小程序手机预览请求不到数据？
本地开发调试小程序时,用手机预览需要有如下设置: 1.微信开发者工具中,本地设置:不校验安全域名.web-view 域名.TLS 版本以及 HTTPS 证书.这样在有网络请求的时候,就可以访问本地的服 ...
微信小程序解决请求服务器手机预览请求不到数据的方法
微信小程序解决请求服务器手机预览请求不到数据的方法微信小程序的文档中明确说明了所有的请求是必须使用https的,以没用过https,由于小程序,不得不接触到https,研究了好长时间把tomcat ...
微信小程序手机预览不正常，打开手机调试后预览正常
今天,做一个新的小程序,在电脑端显示正常,手机预览的时候,接口和图片都不能正常显示,但是打开手机的调试功能,又可以正常了,郁闷之余,在网上搜索找到了相关解决方法是因为服务器的域名没有设置,如下图:然 ...
微信小程序在小米手机预览头部空白了
微信小程序在手机预览出现头部空白,代码查阅后,发现app.json里"navigationBarBackgroundColor": "black",的值不能写颜 ...
模拟手机预览（非F12）
分享一波手机预览的实现,图片仅仅是效果图,代码模板给出来了,内容具体还要看你自己的业务了. 效果图: 代码实现: <!DOCTYPE html> <html> <head ...

如何利用手机预览intellij idea本地web项目运行效果（程序猿小小的乐趣——娱乐篇）

第一步：本地部署项目，并且可以在浏览器中成功运行。

第二步：查看本机IP地址，把localhost，换成本地IP，并生成二维码。

第三步：用手机连接笔记本电脑的移动热点。

最后一步：用手机扫刚刚生成的二维码，看效果。

如何利用手机预览intellij idea本地web项目运行效果（程序猿小小的乐趣——娱乐篇）相关推荐

最新文章

热门文章