设置科尔多瓦的应用内浏览器窗口Chrome的样式

Question

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

我在文档中找到了 insertCSS，但我不清楚它是用于设置浏览器窗口的镶边样式还是用于设置窗口内内容的样式？

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

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

Answer 1

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

Answer 2

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

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

cordova plugin add /path/to/your/plugin

Answer 3

insertCSS 用于设置 HTML 文件的样式。没有办法设置不应用浏览器本身的样式。

Answer 4

我没有修改应用程序浏览器的经验。但我认为你必须重写插件，或者你必须自己写。