手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-19 18:01:56

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

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

2、为了在本地搭一个简单的嘛术铹砾web server处理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、编写如图简单Web Server。如图红色/绿色/蓝色分别对应一个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)
© 手抄报圈