样式化 Cordova 的应用内浏览器 Window Chrome

Question

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

我在文档中找到了 insertCSS，但我不清楚它是用于样式化浏览器 chrome 的 window 还是 window 中的内容]?

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

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

Answer 1

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

Answer 2

我没有修改inAppBrowser 的经验。但是我认为你必须重写插件或者你必须自己编写。

Answer 3

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

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

cordova plugin add /path/to/your/plugin

Answer 4

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

样式化 Cordova 的应用内浏览器 Window Chrome

Styling Cordova's In-App Browser Window Chrome

cordova

inappbrowser