javascript - 如何使用 Swift webView 调用在正文中返回 HTML 字符串的 JavaScript 函数？-6ren

javascript - 如何使用 Swift webView 调用在正文中返回 HTML 字符串的 JavaScript 函数？

转载作者：行者123 更新时间：2023-11-30 12:29:33

25

4

我有一个 HTML 文件，它是在正文中调用 JavaScript 函数后生成的。我需要从 HTML 中删除 JavaScript 调用，并使用 webView 委托(delegate)从我的 Swift 中调用它。我尝试使用 stringByevaluatingJavaScript 但它不起作用。我正在添加包含 JavaScript 函数的 HTML 文件。

<!DOCTYPE html>
<html>
<head>
  <title>Complete Blood Count</title>
  <link href="https://www.fontify.me/wf/4dae5b9279578bbce15473cde2ae897f" rel="stylesheet" type="text/css">
  <style type="text/css">
    body {
      font-family: "font92727";
    }
    .main-box {
        width: 96%;
        display: inline-block;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        font-size: 3em;
    }

    .image-box {
        display: inline-block;
    }

    .image-box img {
        width: 100%;
        height: inherit;
        display: inline-block;
    }

    .value-box {
    }

    .value-inner-box.wbc {
        position: absolute;
        left: 12%;
        top: 37%;
        text-align: center;
    }

    .value-inner-box.hbc {
        position: absolute;
        left: 46%;
        top: 15%;
        text-align: center;
    }

    .value-inner-box.hct {
        position: absolute;
        left: 46%;
        top: 60%;
        text-align: center;
    }

    .value-inner-box.plt {
        position: absolute;
        left: 82%;
        top: 37%;
        text-align: center;
    }

    @media screen and (max-width: 1920px) and (min-width: 1025px), (min-width: 2048px) {
        .main-box {
          font-size: 6em;
        }
    }
  </style>  
</head>
<body>
<script type="text/javascript">
    
    document.write(cbc({ wbc: 14.0, wbcCol:'red', hgb: 12.0, hbcCol:'orange', hct: 12.0, hctCol: 'blue', plt: 12.4, pltCol: 'green'}));

    function cbc(cbcdata) {
      var output = "";
        
      var wbc0 = cbcdata.wbc;
      var hgb0 = cbcdata.hgb;
      var hct0 = cbcdata.hct;
      var hct0 = cbcdata.plt;

      var wbcC0 = cbcdata.wbcCol;
      var hbcC0 = cbcdata.hbcCol;
      var hctC0 = cbcdata.hctCol;
      var pltC0 = cbcdata.pltCol;


      output = output + "<div class='main-box'>";
      output = output + "<div class='image-box'>";
      output = output + "<img src='cbc2x.png'>";
      output = output + "</div>";
      output = output + "<div class='value-box'>";
      output = output + "<div class='value-inner-box wbc'>";
      output = output + "<div class='vale-labellabel' style ='color:"+wbcC0+"'>WBC</div>";
      output = output + "<div class='value-text' style ='color:"+wbcC0+"'>" + wbc0 +"</div>";
      output = output + "</div>";
      output = output + "<div class='value-inner-box hbc'>";
      output = output + "<div class='vale-labellabel' style ='color:"+hbcC0+"'>HBC</div>";
      output = output + "<div class='value-text' style ='color:"+hbcC0+"'>" + hgb0 +"</div>";
      output = output + "</div>";
      output = output + "<div class='value-inner-box hct'>";
      output = output + "<div class='vale-labellabel' style ='color:"+hctC0+"'>HCT</div>";
      output = output + "<div class='value-text' style ='color:"+hctC0+"'>" + hct0 +"</div>";
      output = output + "</div>";
      output = output + "<div class='value-inner-box plt'>";
      output = output + "<div class='vale-labellabel' style ='color:"+pltC0+"'>PLT</div>";
      output = output + "<div class='value-text' style ='color:"+pltC0+"'>" + hct0 +"</div>";
      output = output + "</div>";
      output = output + "</div>";

      return output;
    } 

</script>


</body>
</html>

func webViewDidFinishLoad(webView: UIWebView) {
        
        if((javaScriptCalledDict.objectForKey(dataSourceArray![webView.tag] as! String) as! Bool) == false){
            let jsString = String(format:"cbc({ wbc: 14.0, wbcCol:'red', hgb: 12.0, hbcCol:'orange', hct: 12.0, hctCol: 'blue', plt: 12.4, pltCol: 'green'})")
            webView.stringByEvaluatingJavaScriptFromString(jsString)!
            javaScriptCalledDict.setObject(true, forKey: dataSourceArray![webView.tag] as! String)
        }
        
        
    }

这是使用传递给 JS 函数的固定值呈现的 HTML。我需要使用我的参数集调用 JS 函数。请任何人建议对 HTML 或我的 swift 代码进行任何更改。

最佳答案

您只需要更改:

let htmlReturned = webView.stringByEvaluatingJavaScriptFromString(jsString)!

这里的 jsString 等于你的 javascript 函数的名称。然而，这个和 webView 的问题是你不能将对象值从你的 iOS 代码传递到 javascript 函数(至少我知道，如果可以的话请证明我错了:) )....所以你会需要更改函数签名以接受字符串和数字

function cbc(wbc, wbcCol, hgb, hbcCol, hct, hctCol, plt, pltCol){}

最终会是:

let htmlReturn = webview.stringByEvaluatingJavascriptFromString("cbc(14, \"red\", 12, \"orange\", 12, \"blue\", 12.4, \"green\")")

关于javascript - 如何使用 Swift webView 调用在正文中返回 HTML 字符串的 JavaScript 函数？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43737316/

25

4

0

文章推荐： c# - 使用 Manatee.Trello 处理 Trello webhook 响应

文章推荐： XML UTF8 字符集范围

文章推荐： javascript - 如何检测是否使用右键单击粘贴了文本

webview - Webview shouldInterceptRequest方法始终返回null
Webview shouldInterceptRequest方法总是返回null。我去了adblocking的use方法。我尝试了很多adblock方法，但是总是需要这个shouldIntercept
webview - 我应该给 WebView 哪个基本 url，以便 WebView 正确加载 css 和字体文件？
在我的 Native React 项目中，我想使用 WebView。 HTML是指外部的css文件，css文件是指一些自定义字体。鉴于此层次结构: app/ app/index.ios.js app
webview - UWP webview 减慢了应用程序
我在一个页面上有多个 webview，当应用程序加载时，主页面卡住了将近 8-10 秒，我猜测这是所有 webview 加载各自网站所花费的时间，为什么 Ui 卡住了，我怎么能使 webview 加载
webview - 导航上的 Nativescript webview
nativescript 中的 webview 是否有“导航”事件？我已经在 Xamarin (c#) 中用完成了 Browser.Navigating += Myfunction natives
webview - 自动检测代理 - JavaFX - webview
我的浏览器 (webview) 以 HTML 页面开头 FILEJAVA.class.getResource ("FILEHTML.html")。 ToExternalForm () 每当我访问谷歌时
webview - JavaFX WebView 中的缓存
我们正在开发一个 JavaFX 2.x 应用程序，它需要提供一些 GIS 支持。我们得出的结论是，通过嵌入式 WebView 使用 GoogleMaps 是最快的选择。它的问题在于每次我们的应用程序启
webview - 销毁/处置 WebView
有没有办法销毁 WebView 实例？如果页面加载，并说视频开始播放，我希望能够，当我隐藏 WebView 时，基本上可以销毁它，或者至少重置它。我知道我可以听 visibleProperty 并执
webview - 没有远程模块的 webview 和主窗口之间的通信
有没有办法在不启用远程模块的情况下在 webview 和主窗口之间进行通信？ When this attribute is false the guest page in webview will
webview - 从截取对话框并读取内容
我使用以下代码来拦截Web View 中的对话框，但看不到内容或无法与之交互: Element webview= querySelector("#webview"); Map map=new
webview - JavaFX WebView 在重新加载时重新创建窗口
我正在创建一个页面，该页面将在 Java 的 WebView 中打开，或在外部浏览器中手动打开。如果页面是从 Java 加载的——我需要它来执行特定的回调，因为 Java 被用作一种后端，但如果页面是
webview - 从 WebView 中加载本地镜像文件
我有一个 React Native WebView ，它运行一个小的 HTML 文档。该文档显示了一些图像。我希望显示位于应用程序的 Documents 文件夹中的图像，即图像不是静态 Assets
webview - 在 Webview/中禁用自动图像加载
我正在使用 JavaFX webview 开发一个网络爬虫。出于抓取目的，我不需要加载图像。当页面被加载时，Webkit 会产生很多 UrlLoader 线程。所以我认为最好禁用图像，这样我会节省很多
Android webview 在默认浏览器中打开页面而不是我的 webview
这个问题在这里已经有了答案: Android webview launches browser when calling loadurl (11 个答案) 关闭 7 年前。我花了两天的时间来寻找一
webview - 具有基本身份验证的 Flutter WebView
我正在加载一个网页，我想使用基本身份验证登录，我有使用 Swift 的经验并且能够像下面那样执行基本身份验证，但我无法为我的应用程序的 Flutter 版本实现基本身份验证。 ---- swift 代
webview - 在 webview android 的外部浏览器中打开广告
我用 webview 创建了应用程序，我想在 webview 中加载所有内部链接并在 android 浏览器中加载外部链接。现在的问题是我正在使用 html 广告，当我点击广告时我想打开外部浏览器，但
webview - JavaFX 中 WebView 中的透明背景
我需要在父背景图案上显示我的 webview 内容。有没有直接的方法来做到这一点？最佳答案这可能有用 final com.sun.webkit.WebPage webPage = com.sun.
webview - Javafx webview http 响应数据
是否可以从 webview 中加载的页面读取 http 请求和响应数据。我想要做的是在用户单击 webview 中页面内的链接后从响应中获取二进制数据。任何帮助或线索将不胜感激最佳答案创建您自己的
webview - 当我从纵向更改为横向时，我的 Webview 会重新加载
我有一个简单的WebView在 Android 上运行 Web 应用程序。问题是当我旋转手机以将其更改为横向 webview重新加载并回到开头。我怎样才能防止这种行为？罗恩最佳答案从 Andr
webview - Electron - WebView - chrome 已过时
我创建了一个带有 webview 标签的自定义浏览器。当我在 google.it(或 google.com)中导航时，有时会出现一条消息说 chrome 已过时。我的应用版本是: Node.js 8.
webview - 如何动态连接到 Electron webview 中的代理
我正在使用 Electron 创建简单的网络浏览器。我的用例是我需要通过不同/各自的代理 IP 路由每个 URL。如果用户输入 google.com，则必须通过 123.123.122.1:8081

首页

博学

6Ren·AI

商城

javascript - 如何使用 Swift webView 调用在正文中返回 HTML 字符串的 JavaScript 函数？