Chrome 扩展程序可以直接在浏览器中编辑您自己的网页的实时 html?

Chrome 扩展程序可以直接在浏览器中编辑您自己的网页的实时 html?

我很好奇。

我最近改变了多年来编辑网站的方式(通过 FTP 客户端),改为使用 Dropbox 类似的方式将 PC 上的 public_html 文件夹版本同步到 FTP 上的版本,并进行实时自动同步,使用GoodSync

现在更新我的网站变得非常容易,只需使用我自己的 zippy 沙盒(可以控制)来测试 Web 应用程序、脚本、服务等。我只需在 Windows 上使用我最喜欢的本机应用程序创建、编辑和删除文件夹/文件,更改就会立即在网站上生效。

我也一直在尝试使用 AutoHotKey,只需在 Windows 中按下键盘即可完成令人惊叹的网站任务 - 我现在面临的唯一限制是需要 5-10 秒的时间才能使更改在网络上生效。(将界面/工作流程剥离到几乎裸露的基础设施 - 或多或少是物理网络,这非常酷。)

现在,我只是很好奇。现在,我正在跳出思维定式——或者说,重新思考我做事的方式,如果你愿意的话。所以我在 Chrome 中查看我的页面,我认为我甚至可以做得更好。我正在查看我一直在处理的网页,我希望能够更快地重新编辑它。

是否有一些很棒的 chrome 插件可以存储我拥有的多个 Web 服务器的 FTP 详细信息,检测我何时访问属于其中一个 Web 服务器的页面(通过自动与我存储的 ftp 域进行域匹配或在扩展设置中手动设置某些域/通配符的 ftp 帐户),并允许我右键单击该页面并出现“编辑”等菜单项,将页面的 html 源代码加载为可编辑文本,让我可以更改我需要的任何内容,然后我点击“保存”并重新加载更新的页面?

现在那......会很棒。

此外,该软件必须是本地的和浏览器原生的 - 而不是某些需要自己加载资源并减慢我速度的基于 Web 的服务弹出窗口 - 而是 Chrome 中的本地软件,可以轻松直接插入我的 FTP。

谢谢。

答案1

我不知道有哪个插件可以让你做到你说的所有事情,但是如果你通过按进入 Chrome 的开发者模式F12,它将为你提供所有 HTML、CSS、JS 以及浏览器为网页加载的任何其他内容的视图。从那里,你可以动态修改几乎所有内容。这只会修改缓存,而不会编辑服务器上的网站。但是,在实际登录、更新实时网站上的服务器端代码,然后重新加载网页之前,至少测试一下快速更改是有用的。

答案2

您可以这样做,据我所知,可以同时编辑网页和使用 chrome。使用 notepad++ 并设置您的服务器详细信息。您可以编辑,更改将反映在保存文件上。

网站确实需要时间来重新加载网页内容,并且插件或扩展也需要时间来保存数据然后响应网络服务器数据。

总时间是 notepad++ 和 web 服务器对更改的响应。就这些。你明白了。

相关内容