养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-09-22 01:42:56

本经验介绍在开发中,如何在噩荜务圃网络的网页中引用本地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)

© 一点知识