如何在网页中引用本地js/css(localhost)

 时间:2024-09-22 04:15:18

本经验介绍在开发中,如何在噩荜务圃网络的网页中引用本地js/css便于修改和调试。(localhost)。网页内容无法通过file:///添加,但是可以用http协议访问localhost。

如何在网页中引用本地js/css(localhost)

工具/原料

Firefox

Python3.6+Tornado5.1

方法/步骤

1、首先,在很多情况下,如果我们在一个网页打开开发者工具,添加本地保存的js或者css,会提示不允许的script来源URI。

如何在网页中引用本地js/css(localhost)

2、为了在本地搭一个简单的嘛术铹砾webserver处理http请求(http协议访问本地js/css),可以使用python。如图在PyCharm中新建Python项目。

如何在网页中引用本地js/css(localhost)

3、在项目的设置当中,当前项目下,要搜索Tornado并安装。如图安装5.1版本。

如何在网页中引用本地js/css(localhost)

4、想要从网页引用的文件,如图放在D盘下的tmp文件夹下,有两个css文件,一个js文件。

如何在网页中引用本地js/css(localhost)

5、编写如图简单WebServer。如图红色/绿色/蓝色分别对应一个http请求对应的处理。

如何在网页中引用本地js/css(localhost)

6、如图,在一个在线的网页上,打开开发者工短铘辔嗟具,使用http协议,访问localhost:指定端口号来访问刚才在本地搭建的简易Server,下载css和js。

如何在网页中引用本地js/css(localhost)

7、打开网络面板,可以看到css等文件成功下载,使用的http请求如图,从响应头可以看到Server是TornadoServer。

如何在网页中引用本地js/css(localhost)

8、如果是https的页面,可能会阻止混合内容(不允许http),这样就需要自己搭建https的本地Server了。

如何在网页中引用本地js/css(localhost)

在Windows Server 2003系统中创建用户账户 Windows Server 2012 R2如何创建DNS主机记录 飞秋(FeiQ):[1]如何设置或取消消息回执 myeclipse版本怎么查看 Navicat Premium中如何切换图表
热门搜索
成人伦理电影 k8经典电影网 锡纸烫发型图片女 特产图片 最好的我们电影