如果我在GitHub存储库中有一个。html文件,例如运行一组JavaScript测试,有什么方法可以直接查看该页面,从而运行测试?

例如,我是否可以看到jQuery测试套件生成的测试结果,而不需要下载或将repo复制到本地驱动器并在那里运行?

我知道这基本上会把GitHub放在静态内容托管业务中,但话又说回来,他们只需要改变他们的mime类型从文本/纯文本/html。


当前回答

Github有一个名为Github pages的静态页面托管服务,你可以在设置下找到它,然后选择页面,并选择你想要为页面使用的分支并点击保存。

其他回答

您可能需要使用raw.githack.com。它支持GitHub, Bitbucket, Gitlab和GitHub专家。

GitHub

之前:

存储库]/ [https://raw.githubusercontent.com/[用户]/[第]/ [filename .分机]

在你的例子中。html扩展名

后:

开发(压制)

存储库]/ [https://raw.githack.com/[用户]/[第]/ [filename .分机]

生产(CDN)

存储库]/ [https://rawcdn.githack.com/[用户]/[第]/ [filename .分机]

在你的例子中。html扩展名


Raw.githack.com还支持其他服务:

Bitbucket都

之前:

存储库]/ - https://bitbucket.org/[用户]/[[第]/ [filename .分机]

后:

开发(压制)

存储库]/ - https://bb.githack.com/[用户]/[[第]/ [filename .分机]

生产(CDN)

存储库]/ - https://bbcdn.githack.com/[用户]/[[第]/ [filename .分机]

GitLab

之前:

存储库]/ - https://gitlab.com/[用户]/[[第]/ [filename .分机]

后:

开发(压制)

存储库]/ - https://gl.githack.com/[用户]/[[第]/ [filename .分机]

生产(CDN)

存储库]/ - https://glcdn.githack.com/[用户]/[[第]/ [filename .分机]

GitHub依据

之前:

raw https://gist.githubusercontent.com/[用户]/ [gist] / [revision] / [filename。请拨分机)。

后:

开发(压制)

raw https://gist.githack.com/[用户]/ [gist] / [revision] / [filename。请拨分机)。

生产(CDN)

raw https://gistcdn.githack.com/[用户]/ [gist] / [revision] / [filename。请拨分机)。


更新:rawgit已经停产

根据@niutech的回答,你可以做一个非常简单的书签片段。 使用Chrome,不过它在其他浏览器上的工作原理类似

右击书签栏 单击“添加文件” 把它命名为类似Github HTML的东西 对于URL类型javascript:top.location="http://htmlpreview.github.com/?"+document.URL 当你在一个github文件视图页面(不是raw.github.com)点击书签链接,你是黄金。

如果你在github中有一个angular或react项目,你可以使用https://stackblitz.com/在浏览器中在线运行应用程序。

输入您的Github用户名和存储库名称以在线查看应用程序stackblitz.com/github/{GITHUB_USERNAME}/{REPO_NAME}

即使没有将Node_Modules上传到Github,这也可以工作

目前支持使用@angular/cli和create-react-app的项目。对Ionic, Vue和自定义webpack配置的支持即将到来!

你可以很容易地通过修改响应头,这可以用Chrome和Firefox扩展像Requestly完成。

在Chrome和Firefox中:

Chrome和Firefox的请求式安装 添加以下头部修改规则: 一)内容类型: 修改 响应 标题:内容类型 价值:text / html 源Url匹配:/raw\.githubusercontent\.com/.*\.html/ b) Content-Security-Policy: 修改 响应 标题:Content-Security-Policy 取值:default-src 'none';Style-src 'self' '不安全的内联';Img-src 'self'数据:;Script-src * '不安全的eval'; 源Url匹配:/raw\.githubusercontent\.com/.*\.html/

此解决方案仅适用于chrome浏览器。我不确定其他浏览器。

在chrome浏览器中添加“修改内容类型选项”扩展。 在浏览器中打开“chrome-extension:// jnfbopfpaoeojgieggflbpcblhfhka /options.html”url。 为原始文件url添加规则。 例如: URL过滤器:https:///raw/master//fileName.html 原始类型:文本/纯 替换类型:text/html 打开您在规则(步骤3)中添加url的文件浏览器。