首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何将commonmark.js加载到本地HTML文件中?

如何将commonmark.js加载到本地HTML文件中?
EN

Stack Overflow用户
提问于 2017-08-16 01:45:06
回答 1查看 430关注 0票数 1

我遵循这些步骤并编写了一个HTML演示。以下是https://github.com/commonmark/commonmark.js#commonmarkjs自述的步骤:

对于客户端的使用,您可以执行make dist来生成一个独立的JavaScript文件js/dist/commonmark.js,该文件适合链接到web页面,或者从https://raw.githubusercontent.com/jgm/commonmark.js/master/dist/commonmark.jsbower install commonmark获取最新的文件。

这是我的演示HTML。

代码语言:javascript
复制
<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <script src="https://raw.githubusercontent.com/jgm/commonmark.js/master/dist/commonmark.js"></script>
      <script>
         window.onload = function() {
             console.log(commonmark)
         }
      </script>
   <body></body>
</html>

下面是我的演示的JSFiddle URL:https://jsfiddle.net/y3xohp7x/

我在本地将这个HTML保存在一个名为foo.html的文件中,并使用Firefox55.0.1打开了这个本地文件。

但是,如果我用Firefox 55.0.1加载它,则控制台中会出现以下错误。

代码语言:javascript
复制
Loading failed for the <script> with source “https://raw.githubusercontent.com/jgm/commonmark.js/master/dist/commonmark.js”. foo.html:5
ReferenceError: commonmark is not defined foo.html:9:5

问题:

  1. 为什么会发生此错误?
  2. 如何在不将commonmark.js复制到本地文件系统的情况下解决此错误?
  3. 这是我上面引用的commonmark.js自述文档中的一个错误,还是我对文档的理解中的一个错误?
EN

回答 1

Stack Overflow用户

发布于 2017-08-16 02:27:51

编辑

实际上,对于github内容,显然有一种方法可以做到这一点:https://rawgit.com/

这个网站给你一个链接到一个版本的脚本,将与正确的MIME类型提供服务。

因此,这将为您正确加载脚本:

代码语言:javascript
复制
<script type="application/javascript" src="https://cdn.rawgit.com/jgm/commonmark.js/master/dist/commonmark.js"></script>

https://jsfiddle.net/w1uvq59r/

原始答案

原因是脚本源被发送回标头:

代码语言:javascript
复制
"Content-Type": "text/plain"
"X-Content-Type-Options": "nosniff"

后一个标题阻止浏览器执行脚本,因为内容类型是不可执行的,比如"application/javascript“。这意味着不幸的是,没有办法让脚本远程加载。Here is a thread with more information on a similar problem.

据我所知,唯一的解决方案是在本地加载它,如下所示:

代码语言:javascript
复制
<script type="application/javascript" src="path/to/the/file.js"></script>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45703895

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档