移动端网页在手机上预览

最新推荐文章于 2024-07-31 11:01:53 发布
最新推荐文章于 2024-07-31 11:01:53 发布
阅读量1.2k 收藏 2
点赞数
分类专栏： 好记性不如烂笔头
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42158442/article/details/102941490
版权

首先需要的环境

1、打开控制面板  

查看是否启动了 IIs管理器

如果没有就打开  “程序和功能”

下一步

把接下来这些选项都勾上

再查看是否启动了 IIS管理器

接下来就是打开 “windows Defender 防火墙”

建立出入站规则

 

入站配好之后，继续配出站规则

出站跟入站配法一样继续同样的步骤即可

出入站配好之后

打开 IIS管理器

新建网址

这样就是在手机端浏览网站了

重新学习的前端仔
关注
专栏目录
移动端预览文件
qq_37276382的博客
09-20 2132
TouchPdf.js(支持文件放大与放小等功能)，会比pdf.js好用 https://www.ctolib.com/touchpdf.html
在手机端预览电脑端开发的网页
spring_007_999的博客
03-01 624
在手机上访问开发的本地网页
Vue组件库移动端预览实现原理
最新发布
s44359487yad的博客
07-31 883
考虑到组件库应该是一个整体的工程，无论是组件开发、文档输出还是效果预览都应该在一个工程下，如果将移动端预览这部分单独到一个工程里面，会造成维护上的困难。毕竟是来写文档的，虽然可以简单的展示组件效果，但是要做一些复杂的功能（比如目前需要的预览页面首页组件列表），在。而且这个手机端预览的内容和外面的组件代码演示是同步的，切换组件的时候，移动端预览的内容也会发生相应的变化。文件中的配置生成的，所以移动端预览首页也是读取的此文件中的配置生成的，只不过需要做个过滤，只渲染。
不同手机型号图文预览_手机端图片预览查看
weixin_39701288的博客
12-21 241
图片预览/*正式样式 start*/.wrap{width:100%;}.head-box{height:40px;background:#4ecbf3;width:100%;text-align:center;line-height:40px;}.head-box h4{color:#fff;}/*内容*/.photos-box{width:50px;height:50px;}.photos-b...
写的页面如何在手机上预览
weixin_30412167的博客
03-26 1435
写好的手机页面按F12，可在浏览器上预览不同机型的情况，但是浏览器自带的模拟调试器，和真机还是有差别的，那么如何在手机预览自己写的项目呢？ 有以下两种情况，无论那种情况，都要求手机和电脑在同一局域网下，补充，先知道本机的ip地址，方法win+R，然后输入cmd，输入ipconfig查看本机ip 方法1.如果电脑连的是wifi,那么手机必须连的和电脑同一个wifi，在浏览器里复制要预览的页面地址...
记一次前端：预览图片 移动端
weixin_40540436的博客
10-16 251
Spring Boot学习入门 Spring Boot是由Pivotal团队提供的全新框架，设计目的是用来简化新Spring应用的初始搭建以及开发过程。它主要推崇的是'消灭配置’，实现零配置。 IDEA + MAVEN ...
一个移动端专用的Vue2图片预览插件
08-12
在移动端应用中，图片预览是一个常见的需求，例如在电商产品展示、社交分享、媒体应用等场景，用户可能需要查看大图或者多图。这个插件的出现，解决了这一问题，提供了良好的用户体验。 首先，我们来深入理解Vue.js...
PDF手机网页预览插件demo
03-11
PDF手机网页预览插件是现代互联网应用中一个不可或缺的组件，尤其在移动设备上，它使得用户能够方便地在浏览器内查看PDF文档，而无需下载或安装额外的应用程序。这个"PDF手机网页预览插件demo"显然是一个示例项目，...
jQuery H5移动端图片预览插件
05-22
在移动端，考虑到性能和兼容性，插件可能还会使用CSS3的viewport单位（如vw和vh）来实现自适应布局，确保图片预览窗口在不同尺寸的屏幕上都能正确显示。 此外，为了实现更好的用户体验，插件可能会包含以下特性： 1...
适用于移动端网页上传裁剪图片功能插件.zip
07-04
在移动端网页开发中，图片上传和裁剪功能是不可或缺的一部分，尤其对于用户需要上传个人头像或者产品照片的场景。本资源提供了一个适用于移动端的图片上传裁剪插件，能够帮助开发者实现这一功能，尽管它可能存在的...
Vue实现手机扫描二维码预览页面效果
10-15
在Vue框架中实现手机扫描二维码预览页面是一个常见的需求，特别是在开发移动应用或者H5页面时。本篇文章将详细介绍如何利用Vue和相关的插件来实现这一功能。 首先，我们需要一个能够生成二维码的插件。在本例中，...
移动端-如何让手机展示网页
qq_37635519的博客
06-05 1241
1、vscode中下载live server 插件（自动刷新插件） 2、vscode内open with live server 3、终端中输入ipconfig 找出ipv4复制（window系统）,终端中输入ifconfig 找出inet复制(mac系统） 4、把复制的ipv4替换打开后网址中的域名 5、复制网址，百度找一个二维码转换器，将网址转换成二维码。手机扫一扫 注：手机电脑要在同一网络下...
在电脑上开发手机端，如何用手机实时预览
02-17 313
1、cmd ipconfig，获取无线局域网里面的ip地址 把localhost改成当前电脑的IP 把ip:8080/#/goods复制到草料二维码里面（地址：http://cli.im/），生成二维码，然后用手机微信扫描，手机和电脑必须是同一个局域网 转载于:https://www.cnblogs.com/zhaobao1830/p/6411770.html...
前端移动html网页，怎么用手机预览效果
weixin_44668908的博客
11-26 4731
如果仅仅是想预览直接使用chrome开发者工具就好。 如果是想在手机端访问，可以在电脑端启动server服务。然后在手机上通过访问电脑端的 IP：端口 来访问。 顺带推荐下browsersync这个插仵 官网链接http://www.browsersync.cn/ （1.做好把文件改为index.html 2.命令行执行 browser-sync start --server --files ...
Figma如何实现移动端预览及溢出滚动
masonqiang的博客
11-09 8541
简单几个步骤实现在Figma预览时有手机外框，以及溢出内容滚动。
最简单的手机预览WEB移动端网页的方法
weixin_30444105的博客
06-12 1011
网上看了很多关于该问题的解决办法，各种各样的都有，个人也测试了一些， 最后总结出一个最简单且实用的方法。 1、安装nodejs node官网下载对应版本的nodejs，安装好了之后，在node.js执行node -v，如果出现版本号，则说明安装成功。 2、安装anywhere 打开cmd 输入 npm install anywhere -g ，全局安装anywher...
移动端项目如何在手机上查看效果（通过tomcat）
Hao-Z-Y
11-27 4486
第一步：安装tomcat           安装步骤 第二步：将项目放在tomcat下的webapps这个文件下面 第三步：查询自己的ip信息           方法一：在设置中查找           方法二：通过CMD命令查询   第四步：在tomcat下的conf文件夹中找到server.xml文件通过记事本或者其他代码编辑器打开找到端口号，一半的情况下都是...
移动端web--PC端网页在手机上查看
小吴同志的博客
06-13 6009
将自己的网页相关文件夹替换到demo中：D:\MobileWeb\http\demo修改 "D:\MobileWeb\http\HttpServer.js"的IP地址为自己的IP地址（IP地址通过cmd命令行输入ipconfig获取，ipv4的就是）修改 "D:\MobileWeb\http\HttpServer.js"的首页为index.html安装全局node，安装成功的话，cmd->node
如何将自己写的HTML网页实现手机也可以预览
03-25
3. 使用移动端预览工具：可以使用一些移动端预览工具，如Chrome的远程调试、Adobe Edge Inspect等，这些工具可以将网页同步到手机上进行实时预览，方便测试和调试。 4. 在公网上发布网页：可以将自己的HTML网页上传...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值