Estou tentando criar um aplicativo que carrega um site e adiciona um CSS personalizado para ajustá-lo a um dispositivo móvel.

Estou usando o window.open para carregar a página com êxito e tenho um retorno de chamada no loadstop em que estou chamando browser.insertCSS, é aqui que está o problema.

Se eu fizer algo assim:

browser.insertCSS({code:"body{background-color:red;}");

O estilo é aplicado corretamente. No entanto, se eu fizer isso:

browser.insertCSS({file:"mobile-style.css");

E adicione o mesmo CSS ao arquivo, ele não é carregado

Tentei caminhos diferentes (colocar o arquivo na pasta www, na pasta css, na mesma pasta que o arquivo JS e referenciá-lo com "./mobile-style.css", "mobile-style.css", "/www/mobile-style.css", "/mobile-style.css", mas nenhum deles parece carregar o arquivo corretamente.

Eu vi outro postQuais devem ser os caminhos de arquivo alimentados para insertCSS ()? onde essa mesma pergunta foi feita, mas não há resposta aceita (tentei a sugestão lá e ela não funciona).

Qualquer ajuda seria muito apreciada.

obrigado

Vai