跨境派

跨境派

跨境派,专注跨境行业新闻资讯、跨境电商知识分享!

当前位置:首页 > 工具系统 > 数据分析 > HTML学习笔记 1-用HBuilderX写的HTML无法在浏览器上运行怎么办?问题出在这里:HBuilderX外部web服务支撑配置

HTML学习笔记 1-用HBuilderX写的HTML无法在浏览器上运行怎么办?问题出在这里:HBuilderX外部web服务支撑配置

时间:2024-04-14 09:35:36 来源:网络cs 作者:璐璐 栏目:数据分析 阅读:

标签: 外部  支撑  配置  服务  运行  笔记  学习  无法  浏览 

初学HTML的时候,用的是HBuilderX开发软件
写了一段简单的代码

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>这是网页的标题</title></head><body><p>这里是网页的内容</p></body></html>

但是出了问题
在浏览器里面运行不了
说是无法连接到服务器,不管是Safari浏览器,还是firefox浏览器,都不行

在这里插入图片描述

在这里插入图片描述
后面我以为要在内置浏览器里main运行,所以安装了内置浏览器的扩展,然后还是不行,连接不了
然后我在网上查了一些资料,说是可能是HBuilderX的配置的原因,要把外部web服务器调用url改为自己电脑的ip

在这里插入图片描述
我在这里面改了之后,还是不行
然后我请教我师傅,下了Google Chrome浏览器,配置路径,就可以了
我师傅告诉我是
我的HTML 没有外部容器,没有外部容器的话,访问本地的localhost都没有用
要有apache、ngnix、tomcat类似这种的web服务
直接打开html文件,是file文件协议,如果是http访问,需要web服务
访问网站,不管是http://还是https://,后台都有一个web服务作为支撑,或许是apache或许是nginx也或者是tomact
访问xp.cn 下载phpstudy软件

在这里插入图片描述
然后打开里面的apache,这个apache就是就是作为HBuilderX的外部web服务支撑用的,打开apache之后既可以用浏览器访问我刚才写的html文件了,
但是,还是有问题,访问之后,出现这个界面

在这里插入图片描述

出现这个的原因是因为这个

在这里插入图片描述
phpstudy默认的www网站根目录文件没有换
主页是index.html
解决的方法是去phpstudy的安装路径,删除index.html这个文件,然后

在这里插入图片描述

把我写的代码文件放到这个路径下,就可以了

在这里插入图片描述

然后还要做最后一件事
那就是重启HBuilderX,因为更改了HBuilderX的文件路径,在软件目录里面,现在是找不到我刚才写的代码文件的,只有一个文件名,进不去,因为在原有的磁盘里面找不到了
重启之后会在HBuilderX的文件目录里面重新生成新的目录,代码就在里面,之后不管是Safari、还是firefox、Google Chrome,还是内置浏览器都可以了
打开,运行,完美!

在这里插入图片描述

本文链接:https://www.kjpai.cn/news/2024-04-14/158389.html,文章来源:网络cs,作者:璐璐,版权归作者所有,如需转载请注明来源和作者,否则将追究法律责任!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。

文章评论