[enhancement] 添加`跟踪外部编辑`功能

[yzqdev]

可以添加一个类似暴力猴跟踪外部编辑的功能

功能描述

比如我们开发时是直接把脚本路径扔到chrome搜索栏安装脚本的,这个跟踪外部编辑就可以实时的检测我们本地脚本的变化,更方便开发

解决的问题

@require file://xx.js有缓存问题,本地改了,等好长时间才能检测到变化,同样的通过@require http://localhost:8080/xx.js这种引入的也有缓存,使用暴力猴的跟踪外部编辑就可以避免这个问题

[cyfung1031]

VM作者喜欢用本地的编辑工具。
所以VM的内置编辑工具很简陋。

SC有内置强大的Monaco
不过可以的话还是做一下这个好用的功能吧

[CodFrm]

@cyfung1031 我看了一下，他的实现是定时的去轮询本地文件的变化：https://github.com/violentmonkey/violentmonkey/blob/c682247b862e84acdddcc5f6db75b00e208c0adf/src/confirm/views/app.vue#L475 其实我是不太喜欢这样的，SC有实现一个vscode插件，可以实时的去监听本地文件的变化 工具-VSCode地址：https://github.com/scriptscat/scriptcat-vscode

[cyfung1031]

@cyfung1031 我看了一下，他的实现是定时的去轮询本地文件的变化：https://github.com/violentmonkey/violentmonkey/blob/c682247b862e84acdddcc5f6db75b00e208c0adf/src/confirm/views/app.vue#L475 其实我是不太喜欢这样的，SC有实现一个vscode插件，可以实时的去监听本地文件的变化 工具-VSCode地址：https://github.com/scriptscat/scriptcat-vscode

VM 的做法就不用开瀏览器的编辑
一个画面是要处理的网页
一个画面是本地编辑器

实际操作真的得好
要测试时，本地拉一个user.js档去脚本管理工具，勾了追踪后，就可以长期（超过一天也行）自动跟踪本地改变
那个档案可以在本地改
改了之后在要处理的网页直接F5就行
不用去理会脚本管理工具的页面

[CodFrm]

@cyfung1031 SC也不用打开浏览器页面，会在后台运行，你也可以尝试一下

后续会考虑这个功能的

[CodFrm]

现在，如果是本地文件安装的话，会显示一个监听文件的按钮

后面了解到VM是通过FileSystemObserver实现的，并不是轮询，看起来挺好的

@cyfung1031 可以尝试一下

[cyfung1031]

@CodFrm 能不能跟VM一樣，在維持打開的腳本安裝頁中，顯示更新時間？
跟踪外部编辑時，檢查到更新除了更新外，還要在腳本安裝頁顯示時間
看到時間，用戶才能知道真的有跟踪成功，對吧

我會提PR