如何在网页中引用本地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)
  • 在Windows Server 2003系统中创建用户账户
  • Windows Server 2012 R2如何创建DNS主机记录
  • 飞秋(FeiQ):[1]如何设置或取消消息回执
  • myeclipse版本怎么查看
  • Navicat Premium中如何切换图表
  • 热门搜索
    手抄报花边图片大全 快乐手抄报 关于感恩手抄报内容 关于科技手抄报内容 有关于元宵节的手抄报 关于黄河的手抄报初一 数学手抄报内容六年级 三月三手抄报图片大全 我爱汉字手抄报图片 关于三爱的手抄报