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

 时间:2026-02-12 03:40:41

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中如何切换图表
  • 热门搜索
    体育运动员 兴奋剂的作用 补骨脂的功效与作用 柿子叶的功效与作用 养牛知识 头发染什么颜色好看 藏红花的功效与作用及禁忌 茉莉花茶的作用 蚊子喜欢叮咬什么血型的人 教育理论综合知识