Question

我想知道是否可以在应用内浏览器窗口周围注入css来设置chrome的（html？）元素的样式。

我在文档中找到了insertCSS，但我不清楚是否可以设置浏览器窗口的镶边或窗口内的内容？

var ref = window.open('http://apache.org', '_blank', 'location=yes');
ref.addEventListener('loadstop', function() {
    ref.insertCSS({file: "mystyles.css"});
});

如果可以设置应用内浏览器镶边样式，我在哪里可以找到所有使用的元素和选择器（类或ID）？

Answer 1

正如Joerg所说，insertCSS只是为你在inAppBrowser插件中显示的页面添加一些css，我用它来隐藏一些东西，比如工具栏，标题和其他我不想要的元素秀。

要编辑inAppBrowser插件本身，您可以从https://github.com/apache/cordova-plugin-inappbrowser下载插件（或在github上创建一个fork），更改图标，然后使用本地路径（或您的github fork url）安装插件使用插件ID安装它。

cordova plugin add /path/to/your/plugin

Answer 2

我已经分叉了InAppBrowser并创建了一个插件，允许您广泛地设置浏览器的样式。但我只为iOS和Android做过。请看一下 https://github.com/initialxy/cordova-plugin-themeablebrowser

Answer 3

insertCSS用于为HTML文件设置样式。无法为inappbrowser本身设置样式。

Answer 4

我没有修改inAppBrowser的经验。但我认为你必须重写插件，否则你必须自己编写。

设计Cordova的应用程序内浏览器窗口Chrome

4 个答案: