Context:

I have created a cross-browser extension that contains 2 web-accessible resources. They override the browser's native cookie getter/setter functions and it is crucial that these files should be loaded before all other JS files so that the application uses the overridden cookie getter/setter.

Problem:

In Google Chrome, the web-accessible resources are loaded after the main JS files of the web application. This is causing the application to use the native cookie getter/setter instead of the overridden one (provided by the extension).

How to make these web-accessible JS files load before the main JS files of the application?