如何直接在Chrome中编辑源文件？(并在刷新后保留它)

Question

在阅读了本文后,我想问一下这个问题(但没有) - 我还有一个问题.

好 .我的目标是能够编辑下载的脚本并保持编辑!(下次刷新).

现在我知道如果在文件中添加新的时间戳,它可能无法工作.但在我的测试中 - 网址是确切的名称.

说jQuery.com:

它下载脚本名称main.js:

我点击右侧窗格中的编辑,:

然后我保存它(注意粉红色的背景).

我还将它保存在桌面上(因此它将保存到文件系统,如文章所述)

但是:当我刷新页面(f5而不是ctrlf5)时 - 我得到了一个没有我修改的新副本:

题

我究竟做错了什么 ？如何刷新后如何进行修改？

(此外,如果它显示粉红色的背景颜色作为保存,文件....保存在哪里？为什么不保存更改")

nb:chrome ver 35.0.1916.153 m

Answer 1

我认为这里的关键是您要编辑的网站需要在本地提供。除非您实际上是在自己的计算机上提供api.jquery.com，否则刷新后将丢失保存的更改。

您应该将正在处理的文件保存到计算机中，然后在Chrome中打开它们。然后按照文章的指示进行操作。右键单击“另存为”时，将其保存到从中提供文件的磁盘上的同一位置。

Answer 2

尝试访问consolejquery.api.com 。在 编辑或创作新作品textarea，单击refresh以重新加载原始文档，其中包含已编辑或新创作的作品。

例如，alert(1)或click事件、其他片段，由 组成textarea，用于重新加载或“刷新”文档。

(function refresh() {
return $.get($("script").filter(function () {
        return (/main/.test(this.src) ? true : false);
    }).attr("src") || "http://api.jquery.com/jquery-wp-" 
    + "content/themes/jquery/js/main.js")
    .done(function (data) {
    $("<textarea id=edit class=edit style=width:480px;>")
    .val(data).appendTo("body");
    $("<input class=edit type=button value=refresh>")
    .appendTo("body");
    $("#edit").focus();
    })
    .always(function (data, textStatus, jqxhr) {
        $("input.edit").on("click", function (e) {
            var edit = $("textarea.edit").val();
            return $.get("", function (data) {
                    console.log(data);
                    var refresh = document.open("text/html", "replace");
                    refresh.write(data);
                    refresh.close();
                    $("html").find("script").filter(function () {
                        return (/main/.test(this.src) ? true : false);
                    }).remove();
                    $("<script type=text/javascript class=edit>")
                    .text(edit).prependTo("head");                
            });
        });
});
}())