Tag: 跨浏览器浏览

在单个JavaScript代码库中使用Browserify的多种风格/目标

我正在开发多个浏览器扩展插件，这些扩展插件通常至less需要在Chrome和Firefox中使用（有时也在Safari中）。 最大的问题是保持干爽，另一方面保持源头清洁。 从概念上讲，这个项目通常有以下几个部分 Chrome的后台脚本 Firefox的后台脚本 共同的后台代码 Chrome的内容脚本 内容脚本为Firefox 常见的内容脚本代码 其他脚本（例如：选项页）。 为了减less代码重复，我有一个浏览器的内容脚本，并在构build过程中对其进行预处理（删除其他浏览器特定的部分）。 不幸的是，这使内容脚本真的很长，很难看（很难擦掉）。 我想基本上使用Browserify在我的项目中的整个JS代码。 仍然要这样做，我需要一个解决scheme来处理这种stream量： 浏览器特定的入口脚本 – >跨浏览器代码 – >浏览器特定的低级代码。 我会想象这种层次结构： – Entry scripts – Browser A – Browser B – … – Common code – Low-level code – Browser A – Browser B – … 因此，例如，在构build过程中，我希望Browserify为浏览器A创build一个入口脚本，然后将其与通用代码和浏览器A的低级代码捆绑在一起。 这是在通用代码中没有这种切换的情况下完成的： if(isBrowserA()) { var lowLevelModule = require("../lowLevel/browserA/module"); } else […]