是否可以将 CSS 注入 QML WebView？

Question

我一直在搜索有关将 CSS 注入 QML WebView 的任何信息。 Doc 说 QML WebView 是 Qt Widgets WebView 的精简版。所以我假设不可能将 CSS 注入 WebView。不是吗？

Answer 1

一个可能的解决方案是通过 javascript 注入 css（正如我在 this solution 中指出的那样）：

import QtQuick 2.14
import QtQuick.Window 2.14
import QtWebView 1.14

Window {
    visible: true
    width: 640
    height: 480
    QtObject{
        id: internals
        property string css: "div { background-color: salmon;}"
    }
    WebView{
        anchors.fill: parent
        url: "https://whosebug.com"
        onLoadingChanged: {
            if(loadRequest.status == WebView.LoadSucceededStatus){
                runJavaScript(loadCSS("foo", internals.css))
            }
        }
    }
    function loadCSS(name, css){
        var script = "
    (function() {
    css = document.createElement('style');
    css.type = 'text/css';
    css.id = '" + name + "'; " +
    "document.head.appendChild(css);
    css.innerText ='"  + css +"'" +
    "})()";
        return script;
    }
}

是否可以将 CSS 注入 QML WebView？

Is it possible to inject CSS into QML WebView?

qt

webview

qml