Flutter 如何将自定义css和js文件从本地资产文件夹注入到我的Flatter webview中_Flutter

Flutter 如何将自定义css和js文件从本地资产文件夹注入到我的Flatter webview中

flutter

Flutter 如何将自定义css和js文件从本地资产文件夹注入到我的Flatter webview中,flutter,Flutter,如何将自定义css和js文件从本地资产文件夹注入到我的Flatter webview中例如： $（文档）.ready（函数（）{ 试一试{ log（“onReady调用…”）； }捕捉（错误）{ onError（“On Ready函数中出错..！”+错误消息）； } }); 您可以使用evalJavascript函数并将JS代码注入CSS 比如说 var myJsCode=``` 让linkElement=document.createElement（'link'）； setAttribut

如何将自定义css和js文件从本地资产文件夹注入到我的Flatter webview中例如：


$（文档）.ready（函数（）{
试一试{
log（“onReady调用…”）；
}捕捉（错误）{
onError（“On Ready函数中出错..！”+错误消息）；
}
});

您可以使用

evalJavascript

函数并将JS代码注入CSS

比如说

var myJsCode=```
让linkElement=document.createElement（'link'）；
setAttribute（'rel'，'stylesheet'）；
setAttribute（'type'，'text/css'）；
linkElement.setAttribute（'href'，'data:text/css；charset=UTF-8'，+encodeURIComponent（'[url to css file]'）；
```;
WebViewPlugin.evalJavascript（myJsCode）

要从本地资产文件夹加载，您可以先将文件读入字符串，然后以类似的方式将其插入。

在我的项目中，我们使用的是webview\u Flatter 0.3.15+1。这个插件有可能吗？？

<html>
<head>
<link rel="stylesheet" href="bootstrap.min.css">
<script src="jquery-3.2.1.min.js"></script>
<script src="bootstrap.min.js"></script>

<script type="text/javascript">
</script>
    $(document).ready(function() {
        try {
            console.log("onReady called...");
        } catch(err) {
            onError("Error in On Ready Function..! "+err.message);
        }
    });
</head>
</html>