我正在尝试创建一个应用程序来加载网站,然后添加一些自定义 CSS 以将其调整为移动设备。
我正在使用 window.open 成功加载页面,并且在 loadstop 上有一个回调,我在其中调用 browser.insertCSS,这就是问题所在。
如果我做这样的事情:
browser.insertCSS({code:"body{background-color:red;}");
样式应用正确。但是如果我这样做:
browser.insertCSS({file:"mobile-style.css");
并将相同的CSS添加到文件中,它不会被加载
我尝试了不同的路径(将文件放在www文件夹中,放在css文件夹中,放在与JS文件相同的文件夹中,并用“./mobile-style.css”,“mobile-style.css”引用它, “/www/mobile-style.css”,“/mobile-style.css”,但它们似乎都没有正确加载文件。
我看到另一个帖子提供给 insertCSS() 的文件路径应该相对于什么? https://stackoverflow.com/questions/23036804/what-should-file-paths-fed-to-insertcss-be-relative-to提出了同样的问题,但没有接受的答案(我已经尝试了那里的建议,但它不起作用)。
任何帮助将不胜感激。
Thanks
您必须等到 inAppBrowser 页面加载完成。
您必须添加一个事件侦听器:
var inApp = window.open('mypage.html', '_blank', 'location=no');
inApp.addEventListener('loadstop', function(){
inApp.insertCSS({
file: 'inAppStyle.css'
},onSuccess);
});
EDITED
将此路径用于您的 Android 项目 file:///android_asset/{your folder
}
INFO: https://github.com/apache/cordova-plugin-file/blob/master/doc/index.md#android-file-system-layout https://github.com/apache/cordova-plugin-file/blob/master/doc/index.md#android-file-system-layout
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)