android - CSS 样式未加载 仅针对 Salesforce 聊天 UI 的移动和 Chrome 浏览器加载纯 HTML

Question

Html正在加载的页面内容 Webview使用LoadDataWithBaseURL它显示我需要的页面。在此页面中，当我单击按钮时，它会将我带到第二页。只有第二页有问题，这只是显示普通 html控件，没有CSS .

左边的截图即将发布，右边的截图即将发布

下面是Webview示例代码

Control.SetWebViewClient(new JavascriptWebViewClient(this, $"javascript: {JavascriptFunction}"));
Control.AddJavascriptInterface(new JSBridge(this), "jsBridge");
Control.Settings.AllowFileAccess = true;
Control.Settings.JavaScriptEnabled = true;
Control.Settings.AllowFileAccessFromFileURLs = true;
Control.Settings.AllowUniversalAccessFromFileURLs = true;
Control.Settings.AllowContentAccess = true;
Control.Settings.DomStorageEnabled = true;
Control.SetWebChromeClient(new WebChromeClient());
Control.LoadDataWithBaseURL("https://service.force.com/embeddedservice/5.0/esw.min.js", content1, "text/html; charset=utf-8", "UTF-8", null);

here the content加载于Webview最初有 html和JavaScript .

如何解决这个问题？

编辑1:这就是我尝试加载styles的方式里面head tag上述 html 内容文件。我使用 rel type 尝试了很多组合还。似乎没有任何作用。

//1
<base href="/">
<link href="file:///android_asset/salesforce-lightning-design-system_touch-demo.css" type="text/css"/>

//2
<base href="/">
<link href="salesforce-lightning-design-system_touch-demo.css" type="text/css"/>

//3
<base href="/">
<link href="file:///android_asset/salesforce-lightning-design-system_touch-demo.css" type="text/css" crossorigin="anonymous" />


//4
<link href="salesforce-lightning-design-system_touch-demo.css" type="text/css" />

//5
<link href="/salesforce-lightning-design-system_touch-demo.css" type="text/css">

//6
<link href="file:///android_asset/salesforce-lightning-design-system_touch-demo.css" type="text/css"  />

当我尝试<link rel="stylesheet" href="test.css" />时，其工作于 chrome browser但不适用于移动应用程序。

Answer 1

尝试加载这样的 CSS 文件或使用内部 css。

embedded_svc.settings.externalStyles = ["...", “...”]

来源link