今天周六喔,小编给大家来两个硬核干货,补充一下能量~
1、网页自适应手机屏幕宽度
第一条涉及到HTML知识,不过也是很## 标题有用滴。
在HTML标签中添加如下代码,使网页宽度可以自适应手机屏幕宽度
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
2、外网访问web项目
2.1前题
前提a:本机电脑可登外网
前提b:在运行中获得的IP地址与百度中“IP查询”获得的IP地址一样
2.2配置Tomcat
找到Tomcat下的conf/server.xml,做如下修改:
<Engine name="Catalina" defaultHost="localhost">
<Host name="localhost" appBase="webapps"
unpackWARs="true" autoDeploy="true"
xmlValidation="false" xmlNamespaceAware="false">
<Connector port="8080" protocol="HTTP/1.1"
connectionTimeout="20000"
redirectPort="8443" />
----localhost换为外网IP地址,8080换成8888-------------->
<Engine name="Catalina" defaultHost="110.179.1.98">
<Host name="110.179.1.98" appBase="webapps"
unpackWARs="true" autoDeploy="true"
xmlValidation="false" xmlNamespaceAware="false">
<Connector port="8888" protocol="HTTP/1.1"
connectionTimeout="20000"
redirectPort="8443" />
2.3MyEclipse中Tomcat配置
如是用的MyEclipse的Tomcat,在MyEclipse中再做如下修改:
Windows -> Preferences -> MyEclipse -> Servers -> Integrated Sandbox -> MyEclipse Tomcat 6 -> Port Number: 8888
2.4测试
a: http://localhost:8888/MyJSP01/index.jsp
b: http://110.179.1.98:8888/MyJSP01/index.jsp
c: 在手机浏览器中输入上述网址登录测试
好啦,今天的分享就先到这里啦,有什么不懂的可以随时给小编私信留言呦,小编我看到后会及时回复你的喔~
see you~