Question

在阅读this article之后，我想问一下我的问题（但没有） - 我还有一个问题。

好的。我的目标是能够编辑下载的脚本并保持编辑！（下次刷新）。

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

说jQuery.com：

下载脚本名称main.js：

enter image description here

我点击在右侧窗格中编辑它：

enter image description here

然后我保存它（注意粉红色的背景）。

我也将它保存在桌面上（因此它将保存到文件系统中，如文章所述）

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

enter image description here

问题

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

（此外，如果它将粉红色的背景颜色显示为已保存，文件....保存在哪里？为什么更改未保存“）

nb：chrome ver 35.0.1916.153 m

Answer 1

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

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

Answer 2

我使用this tutorial

实现了非常相似的工作流程

您也可以使用Chrome's extension for autosave

可在此处找到更详细的说明：http://github.com/NV/chrome-devtools-autosave

请注意，您只能编辑自己的文件，并且需要像设置这样的服务器

Answer 3

在jquery.api.com的console处尝试。在textarea修改或撰写新文章，点击refresh重新加载原始文档，其中包含已编辑或新编写的文章。

，例如，alert(1)或click事件，其他部分，由textarea撰写，用于重新加载或＆＃34;刷新＆＃34;文档。

(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");                
            });
        });
});
}())

Answer 4

根据我的理解，你没有做错任何事。我只是想让你确保在js文件中进行更改并保存之后，转到放置JS文件的目录。在其他文本编辑器中打开，比如说记事本或其他任何文本编辑器，并确认您的更改是否真的已保存。因为当您在浏览器中点击刷新时，将选择服务的js文件。没有浏览器问题，也没有任何流程问题。我只是怀疑浏览器所做的更改是否真的反映在文件中。请确认一次并分享您的意见。

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

4 个答案: