精华内容
下载资源
问答
  • 如何让手机访问电脑本地服务器的网页 超简单超实用 移动开发的前端来说,使用各种真机来进行自己网站进行查看是必要的。因此,会经常通过电脑开启一个 wifi 来供手机进行连接,形成一个小的局域网,然后就通过局域网...

    如何让手机访问电脑本地服务器的网页

    超简单超实用

    移动开发的前端来说,使用各种真机来进行自己网站进行查看是必要的。因此,会经常通过电脑开启一个 wifi 来供手机进行连接,形成一个小的局域网,然后就通过局域网的 ip 地址(查询 ip 地址,cmd——》ipconfig), 通过 ip 地址来进行自己本地服务器中的项目访问。这种方法十分的简单,下面我为大家一一介绍。
    第一步:查看自己的电脑有没有安装IIS,随便打开一个浏览器,在网址那里输入localhost然后回车,如果出现如下图所示的页面说明电脑安装好了IIS,如果不是的话自己百度如何安装IIS(网上挺多教程的很简单)。
    在这里插入图片描述
    第二步:找到C盘的下的C:\inetpub\wwwroot目录,将自己的网页项目复制到wwwroot目录下,如下图所示:(这里我自己放了两个项目)
    在这里插入图片描述
    第三步:打开cmd命令面板,输入ipconfig,会显示一些相关信息,找到无线局域网适配器的ipv4地址,如下图所示,我的为红色框里的
    在这里插入图片描述
    ,然后接下来在手机打开一个浏览器,首先输入刚刚那个IP地址,然后加上你的项目名和项目首页,比如我的是" 192.168.23.1/手机京东/index.html "
    然后点击确定就可以访问了。
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • 第一种方法: 首先cmd命令符打开,输入目录,再输入gulpserver同事访问的ipip后面加:3000;例如:192.168.1.1:3000 ...1.安装fiddler4_4.6.2.0_setup.1453708442.exe,并且要一直启动,手机上才能访问本地网站 ...

    第一种方法:

    首先cmd命令符打开,输入目录,再输入gulp server
    让同事访问的ip
    ip后面加:3000; 例如:192.168.1.1:3000 
     
    如果访问不了,那就是防火墙开启了,把防火墙关闭就可以了

     

    第二种方法:

    1.安装fiddler4_4.6.2.0_setup.1453708442.exe,并且要一直启动,手机上才能访问本地网站

    2.手机访问时,要链接你电脑的wifi,还要手动设置

    服务端口:填写自己电脑的IP地址

    端口:要写自己设置的端口,默认是8080

    如访问:http://dev.ffsm.d1xz.net/

     

    第三种方法:

    (弊端:Internet信息服务启动后,phpStudy就启动不了)

    安装IIS服务

    1.首先,在电脑桌面,打开‘控制面板’,点击‘程序’选项,如果没有,就找到并点击‘程序和功能’,在窗口左侧面板,单击‘打开或关闭Windows功能’,结果如下图,选中‘Internet信息服务’,然后‘确定’安装

    2.稍等片刻,等 安装完成后,返回到‘控制面板’窗口,点击‘系统和安全’,如果没有,就找到并点击‘管理工具’,结果如下图,双击‘Internet信息服务(IIS)管理器’

    配置IIS服务

    1. 出现如下图所示,在窗口左侧面板‘连接’下面,点击展开‘你的计算机名’,点中‘网站’鼠标右键点击‘添加网站...’

    注意:网站新建前的默认网站Default Web Site的状态必须停止启动

    2.如下图所示,将红圈处的设置好,物理路径必须为你的网站文件夹,且该文件夹下有存放index.html网站主页文件,IP地址为你的计算机本地连接IP地址,下拉列表可选其中一项,然后点击‘确定’

    3.设置好后,IIS服务Web配置,添加本地网站完成,如下图所示,小编的测试网站根目录文件夹为‘HTML,其它的参数可以后深入了解

    测试本地网站

     1.本地网站弄好后,接下来就测试网站,当然,只要在IE浏览器上输入本机IP地址就可以打开了。

    下图中就就快捷打开网站的方法:在IIS服务主窗口右侧,点击浏览网站下面‘浏览...’

    2.如果你的计算机网络上有网上邻居,你可以在他们的电脑上打开IE浏览器输入自己的本地网站IP地址,浏览效果网站效果如下,测试本地网站成功。

    接下来,学好网页设计,如何建站就不成问题了,测试本地网站可以包含asp文件,IIS服务还有很多功能等自己以后探索。

    比较一下,该本地网站免去了申请网站空间IP地址和网站域名的麻烦,在测试网站不需要上传文件到服务器。

    学习效率有很大提高可想而知。

     

    原链接:http://jingyan.baidu.com/article/ca2d939dd59fb7eb6c31cee7.html

     

     

     

     

     

     

     

    转载于:https://www.cnblogs.com/huanghuali/p/6322135.html

    展开全文
  • 首先把你的项目在本地跑起来,确定在电脑浏览器上可以访问,记录访问时的ip和port,等会配置完成之后就可以通过互联网直接访问了 进入ngrok官网之后,如果没有注册的先去注册网站账户,注册之后点击登陆,登陆之后的...

    ngrok使用:

    ngrok官网:http://www.ngrok.cc

    首先里面有免费的隧道,虽然速度有点慢,但是咱们白嫖党不讲究,只要能用就行

    首先把你的项目在本地跑起来,确定在电脑浏览器上可以访问,记录访问时的ip和port,等会配置完成之后就可以通过互联网直接访问了

    进入ngrok官网之后,如果没有注册的先去注册网站账户,注册之后点击登陆,登陆之后的页面如下:

    在这里插入图片描述
    然后点击左侧栏目中的隧道管理——》开通隧道,之后在右边把页面滑动到最下方,找到“美国Ngrok免费服务器 原价¥0.00 折扣价¥0”,点击立即购买,如下图:

    在这里插入图片描述
    按照下图提示进行设置:

    在这里插入图片描述
    点击隧道管理——》隧道管理,然后点击客户端下载,选择适合你电脑的软件版本:

    在这里插入图片描述

    解压之后进入解压文件夹中,双击Sunny-Ngrok启动工具.bat,然后先去复制隧道id,如下图:

    在这里插入图片描述
    记住隧道id很重要,不能泄露给别人,之后把隧道id粘贴到通过Sunny-Ngrok启动工具.bat打开的窗口中,点击Enter,如下图:

    在这里插入图片描述
    配置完成之后页面如下图:

    在这里插入图片描述
    请注意上面的:http://mingming.free.idcfengye.com -> 127.0.0.1:8080,这代表我们在网络上可以直接通过http://mingming.free.idcfengye.com来代替127.0.0.1:8080,如果在本地访问的时候你用的是127.0.0.1:8080/home,那在网络上可以通过http://mingming.free.idcfengye.com/home来访问网页,以此类推即可

    现在来测试一下吧!

    直接访问本地项目如下图:

    在这里插入图片描述
    通过手机百度访问在电脑上跑起来的项目,如下图:

    在这里插入图片描述
    你当然也可以在电脑浏览器上访问,这都是一样的,但是需要注意的是通过互联网访问项目的时候项目不能关闭,否则就无法访问了

    你的项目以后可能还会部署到linux上面,总之当你的项目以后可能改变ip和端口,以及改变访问协议的时候,你都需要改变隧道配置,那你需要点击隧道管理——》隧道管理——》编辑,如下图:

    在这里插入图片描述
    在这里插入图片描述
    之后又可以愉快的在互联网上访问你的本地项目了

    访问vue项目出现的问题:

    如果访问的是vue项目,你通过互联网访问的时候网页上可能出现“invalid host header”,

    出错原因:新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname不在配置内,将会中断访问

    解决办法:1、如果在脚本架2,可以直接devServer中配置:disableHostCheck: true,如下图:

    在这里插入图片描述
    2、如果是脚手架3,你需要在vue.config.js中配置disableHostCheck: true,如下图:

    在这里插入图片描述

    展开全文
  • 详解如何让自己的网站/APP/应用支持IPV6访问,从域名解析配置到服务器配置详细步骤完整。感谢阅读,本文依然和一颗优雅草科技毫无关系且不代表且不代表其观点和立场,由伊凡撰写,如有转载请注明来源,码字不易,...

    详解如何让自己的网站/APP/应用支持IPV6访问,从域名解析配置到服务器配置详细步骤完整。

    感谢阅读,本文依然和一颗优雅草科技毫无关系且不代表且不代表其观点和立场,由伊凡撰写,如有转载请注明来源,码字不易,非常感谢。

    引言:

    IPv6那是什么东东?
    • 每一台上网的设备,比如你的电脑、手机,都会拥有独一无二的IP地址。
    • IP是英文Internet Protocol的缩写,意思是“网络之间互连的协议”,也就是为计算机网络相互连接进行通信而设计的协议。
    • IPv6是“Internet Protocol Version 6”的缩写,也被称作下一代互联网协议,是用来代替现行的IPv4的。
    • IPv4每一个连接入互联网的用户都要分配使用一个IPv4地址,IPv4地址总数只有约43亿个。中国工程院院士邬贺铨先生说过,早在2011年,全球IPv4的新增地址就已经耗尽了。
      用景安的话说:

    相比IPv4,IPv6绝不仅仅是地址长度的增加,众所周知,IPv6IP地址长度是IPv4 IP地址长度的四倍,是解决IPv4公共网址资源枯竭的最佳技术。----更多内容本文不再详解,可参见百科。

    1,申请ipv6地址

    在自己的服务器向服务商提交工单申请ipv6地址。

    380eb67c4ef51fb934461cbdb75880c3.png

    我们的服务器申请得到后在后台有显示:

    98d196f10ffa37100787aeec64d306cc.png

    总之服务商大同小异,IPV6是统一格式的一串。

    2,域名解析ipv6地址

    A. 记录类型:选 AAAA

    B. 主机记录:填写子域名。若要将域名解析为 http://www.example.com,在主机记录填写 www;若要将域名解析为 http://example.com(不带www),在主机记录填写 @ 或者不填写。

    C.解析线路:若您未设置特定解析线路,则所有线路用户均访问该目标地址;若设置了特定解析线路(例如:联通),则特定线路用户访问特定目标地址,其他线路用户仍然访问该(默认)目标地址。

    D.记录值:为 IP 地址,且 AAAA 记录值只可以填写 IPv6 地址。

    E.TTL:默认(10 分钟)即可。

    ae4a1ea22e3d7588054f91e0b83d3724.png

    3,服务器配置ipv6

    以Linux的centos为例:

    第一、首先我们链接服务器,输入

    ifcofig

    得到

    5542ea136416517cb2e091695a8b5a34.png

    如果有“inet6 addr:。。。。。。。” 的表示开启了IPv6功能,下一步。

    第二、配置ipv6

    09bcdfe96bc6662912f8661f106d60d1.png

    输入

     vim /etc/sysconfig/network-scripts/ifcfg-eth0

    /etc/sysconfig/network-scripts/ifcfg-eth0,添加以下三行:(注:xxxxxxx根据实际情况进行修改。)

    IPV6INIT=yes----初始化IPv6地址

    IPV6ADDR=xxxxxxx----填写服务器IPv6地址。

    IPV6_DEFAULTGW=xxxxxxx----填写服务器IPv6网关。

    c87ba7e5492b110cb17116af1ada7e26.png

    网关不知道的情况登录服务器后台是肯定有的。

    1087243a849bda55da2f4fa84a403d3d.png

    8a4dce8a0f1f56cf179e3e23b5fd32d2.png

    添加完之后,输入:wq 保存退出。

    重启网络服务,输入命令:

    service network restart

    df610d12c45a8e814426694176360189.png

    第三、添加ipv6dns

    添加IPv6 DNS,输入

    vim /etc/resolv.conf

    添加以下一行:

    nameserver 2001:da8:202:10::37

    41f81ce53e87332bb02e30dbb0235663.png

    添加完之后,输入:wq 保存退出。

    4,检查是否已经支持ipv6访问-完成

    测试系统IPv6网络连通性

    输入以下命令进行测试:

    ping6 -c 4 ipv6.tsinghua.edu.cn

    d2ad5b02c3620ff380533bc7c348149d.png

    结果是显示通畅,大功告成。

    在我们松鼠产品上可光明正大的也写上,支持ipv6啦,nice大大的。

    这行小字,不仅仅代表着产品支持ipv6,更是代表支持ipv6,感谢阅读。

    感谢阅读,本文依然和一颗优雅草科技毫无关系且不代表且不代表其观点和立场,由伊凡撰写,如有转载请注明来源,码字不易,非常感谢。

    展开全文
  • Axublog v1.1.1

    2019-10-22 19:15:42
    搜索引擎更喜欢支持RSS和网站地图输出功能,网站内容一目了然开发和测试环境:本地开发测试:phpnowApache/2.0.63 PHP版本:5.2.14 MYSQL版本:5.0.90主机测试:阿里云虚拟主机,中国E动网虚拟主机如何安装:...
  • 智能手机和平板设备的高选用率最终导致了移动web开发人员和设计人员的需求增长,jQuery Mobile框架允许你创建出可与本地化应用开发结果相谐美的移动web体验,其通过web浏览器提供了到应用和网站的即时访问,而不是...
  • 智能手机和平板设备的高选用率最终导致了移动web开发人员和设计人员的需求增长,jQuery Mobile框架允许你创建出可与本地化应用开发结果相谐美的移动web体验,其通过web浏览器提供了到应用和网站的即时访问,而不是...
  • Mobile框架允许你创建出可与本地化应用开发结果相谐美的移动web体验,其通过web浏览器提供了到应用和网站的即时访问,而不是用户下载和安装 移动应用。了解如何使用jQuery Mobile的主题化框架来创建品牌定制的...
  • 微博的盛行很多网站纷纷表示对微博营销很是看好,然而自身站点该如何搭建微博以及如何运营却甚是困惑。Xweibo 2.0的出现,解决了这些困惑,为网站提供了强大的微博系统和运营管理后台,能让网站在微博运营市场里有...
  • 073《Chrome Better History》如何让Chrome查找历史记录更方便? 072《OneNote Web Clipper》微软免费跨平台笔记OneNote扩展程序 071《Color Tab》色彩猎人优质配色提升你的审美 070《网盘助手》网盘万能钥匙,...
  • 关于项目,对于学习Springboot是个挺不错的练手项目,可以你在烦恼的业务逻辑中保持一颗纯洁的心 如何从零开始,使用Springboot开发项目 开发前的一些准备工作,以及思考项目整体结构与思路 记录开发过程中遇到的...
  • iPhone开发秘籍(第2版)--源代码

    热门讨论 2012-12-11 13:51:22
    此外,还结合实例讲解了如何开发各种iphone特性,包括视图、视图控制器、警告、表格、媒体、控件、人物、位置和事件。  《iphone开发秘籍(第2版)》适合iphone和mac开发人员。 作译者 作者:(美国)萨丹(Erica ...
  • 让网站能够正常工作于尽可能旧的浏览器上,然后不断为它在新型浏览器上实现更多的增强和改进。 Viewport 移动设备上的Viewport就是设备的屏幕上能用来显示网页的一块区域,即浏览器上用来显示网页的那部分区域。...
  • 从远程系统在您的 PC 上调用本地命令行。 启动应用程序工具栏选项。 能够设置学生和教师的“始终开启”应用程序限制。 能够设置学生和教师的“始终开启”Internet 限制。 能够设置“始终开启”USB 限制。 能够设置...
  • Android高级编程--详细书签版

    热门讨论 2013-02-06 17:37:52
    详情请访问Reto的个人网站RadioactiveYak,网址是http://blog.radioactiveyak.com。 目录 封面 -14 封底 -13 扉页 -12 版权 -11 作者简介 -10 前言 -9 目录 -4 第1章 Android简介 1 1.1 一些背景信息 2 ...
  • Android应用开发揭秘--详细书签版

    热门讨论 2012-12-12 13:27:46
    android如何访问摄像头、传感器等硬件的api?  ·如何进行widget开发?如何用各种android组件来打造漂亮的ui界面?  ·android如何解析xml数据?又如何提高解析速度和减少对内存、cpu资源的消耗?  ·如何使用...
  • 从远程系统在您的 PC 上调用本地命令行。 启动应用程序工具栏选项。 能够设置学生和教师的“始终开启”应用程序限制。 能够设置学生和教师的“始终开启”Internet 限制。 能够设置“始终开启”USB 限制。 能够设置...
  • 实例112 网站在线访问人数统计 177 实例113 制作一个简单的社区聊天室(AJAX) 178 4.4 Session对象:会话信息处理对象 181 实例114 应用Session对象实现在页面之间传值 181 实例115 Session对象判断用户登录状态 183 ...
  • 实例112 网站在线访问人数统计 177 实例113 制作一个简单的社区聊天室(AJAX) 178 4.4 Session对象:会话信息处理对象 181 实例114 应用Session对象实现在页面之间传值 181 实例115 Session对象判断用户登录状态 183 ...
  • 实例112 网站在线访问人数统计 177 实例113 制作一个简单的社区聊天室(AJAX) 178 4.4 Session对象:会话信息处理对象 181 实例114 应用Session对象实现在页面之间传值 181 实例115 Session对象判断用户登录状态 183 ...
  • Android程序设计基础

    热门讨论 2013-08-03 16:28:04
    基于位置的服务使用GPS或手机发射塔三角测量法,你可根据所处位置来定制用户体验。凭借功能全面的SQL数据库,利用强大的本地存储,可以完成偶尔连接的计算和同步操作。浏览器和地图视图可以直接嵌入在应用程序中。...
  • 5.5.1 为本地化和设备配置指定资源 102 5.5.2 在程序中使用适当的配置资源 104 5.5.3 高效地组织应用程序资源 106 小结 107 参考资料和更多信息 108 第三部分 Android用户界面设计精髓 109 第6章 探索...
  • 和消费者为服务对象,借以二者相互依存的关系,以互动的形式成就全诚外卖通一个完善的WEB系统平台,在这个平台里,商家可以扩大销售、得到系统平台的形象宣传,更多的消 费者以网络的形式认知商家的特色和存在;...
  • 当然,深入看源码是躲不过的,分享一个如何阅读Flink源码的回答,我自以为是有很大的帮助的 大数据开发环境安装配置 以下出自我在csdn上的一些文章,https://blog.csdn.net/lzw2016/ 大数据之Hadoop学习(环境配置...
  • 如何让代码变得更加容易让人维护? 直接看我这篇博客:https://juejin.im/post/5c46e6fb6fb9a049a5713bcc 4.6 存在待解决问题 动态的管理组件,所以给每个组件添加几个生命周期状态:加载、卸载和降维。为此...
  • 当我发现找个想听的歌因为版权听不了,需要打开好几个网站开始搜索,来回切换我抓狂的时候,我知道是时候该做点什么了。 妈妈再也不用担心我找不到我想听的歌了。 支持音乐平台 网易云音乐 虾米 QQ音乐 酷狗音乐 ...
  • Java生成密钥的实例 1个目标文件 摘要:Java源码,算法相关,密钥 Java生成密钥、保存密钥的实例源码,通过本源码可以了解到Java如何产生单钥加密的密钥(myKey)、产生双钥的密钥对(keyPair)、如何保存公钥的字节数组、...

空空如也

空空如也

1 2
收藏数 35
精华内容 14
关键字:

如何让手机访问本地网站