javascript - 用于解析和标记文本文件的浏览器扩展

标签 javascript regex google-chrome-extension

我的要求是,当单击浏览器中指向特定日志文件的链接时,我希望解析它并显示它的标记版本以及其他有用的版本,而不是将其作为普通文本文件打开图表。

到目前为止,我一直在使用python来解析(使用正则表达式)下载的日志(日志语法是固定的,因此解析非常容易)并通过颜色突出显示错误来标记日志,重新缩进,提供甘特图日志线程等...

有什么方法可以使用扩展在浏览器本身中获得相同的结果吗?

最佳答案

您可以创建一个扩展“查看器”来修改文件的显示方式。

一个Content Script将能够在地址中包含特定文本的页面上执行并修改页面。

稍微修改给出的示例,

  "content_scripts": [
    {
      "matches": ["*://*/*installer.log"],
      "css": ["mystyles.css"],
      "js": ["jquery.js", "myscript.js"]
    }
  ],

这将使您的内容脚本在地址以“installer.log”结尾的任何页面上激活,注入(inject) CSS 文件,然后执行库 (jQuery) 和自定义脚本。您可以从那里进行任何解析/突出显示。

<小时/>

或者,如果您不希望它始终激活,您可以使用 declarativeContent API显示Page Action在此类 URL 上。然后,用户将在地址栏中看到一个小按钮,单击并激活您的扩展程序。

详细信息超出了这个问题的范围,但它应该为您提供一个起点。

关于javascript - 用于解析和标记文本文件的浏览器扩展,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31114666/

相关文章:

javascript - 在单选按钮检查上显示 div

javascript - 键盘使用后 iPad css3 动画闪烁

regex - gnuplot:使用正则表达式解析字符串

ios - 用于在 Swift 中使用通配符的清晰单行单词的正则表达式

google-chrome-extension - 如何在内容脚本的 chrome 扩展中设置徽章文本?

javascript - 修改chrome扩展并且不要破坏扩展

javascript - 为在 Angular 下拉列表中创建的默认空白选项设置占位符文本?

javascript - 如何使用 javascript 正则表达式全局查找并替换文本区域中字符串的开头

python - 如何使用python在selenium中的chrome驱动程序中加载扩展

javascript - 单击菜单更改文本