Расширение порта Chrome для Firefox, Safari, IE

Question

Я хотел бы начать создание кросс-браузерного расширения. Я понимаю, что все API и структуры разные для каждого браузера, но есть ли какая-либо универсальная практика?

Я искал Stackoverflow, и ни один из вопросов не дает универсального решения для создания кросс-браузерных расширений.

Answer 1

Из моего опыта Лучшее решение - использовать класс адаптеров, который вызовет браузер api. После того, как вы сможете создать код, который будет работать в каждом браузере, используя правый адаптер.

Например, в фоновом скрипте у вас нет setTimeout/setInterval для firefox, но у вас есть его для chrome. Вы можете иметь такой код

core.js

this._browserAdapter.setTimeout(function(){...}, 1000); 

ChromeAdapter.js

setTimeout: function (callback, time) { 
     return setTimeout(callback, time); 
} 

FirefoxAdapter.js

setTimeout: function(callback, time) { 

     var {setTimeout} = require("sdk/timers"); 
     return setTimeout(callback, time); 
}, 

Вы можете сделать все, используя этот способ, чтобы вы могли иметь более 90% общего кода.

---

Редактировать

Он будет работать на Firefox и Safari. Для IE это совершенно по-другому, но с новым microsoft EDGE я думаю, что будет возможно что-то подобное. Ждать и смотреть !