B2B网络软件

标题: AIWROK软件苹果IOS控件[WebView]方法小结 [打印本页]
作者: YYPOST群发软件    时间: 3 小时前
标题: AIWROK软件苹果IOS控件[WebView]方法小结
AIWROK软件苹果IOS控件[WebView]方法小结
AIWROK软件苹果IOS控件[WebView]方法小结 B2B网络软件 AIWROK软件苹果IOS控件[WebView]方法小结 B2B网络软件


  2. //🍎交流QQ群711841924
  3. //🍎WebView 控件[WebView]方法小结

  5. //第一个方法：📌show显示界面



  9. var web = new WebView()
  10. web.show();


  13. web.loadHtml(`

  15. <!DOCTYPE html>
  16. <html lang="en">
  17. < head >
  18.     < meta charset = "UTF-8" >
  19.     < title > WKWebView JS to Swift </ title >
  20.     < style >
  21.         body {
  22.             font - family: -apple - system, BlinkMacSystemFont, sans - serif;
  23.             padding: 40px;
  24.             background - color: #f2f2f7;
  25.             text - align: center;
  26.         }
  27.     button {
  28.             font-size: 18px;
  29.             padding: 12px 24px;
  30.             margin: 10px;
  31.             border: none;
  32.             border-radius: 8px;
  33.             background-color: #007aff;
  34.             color: white;
  35.             cursor: pointer;
  36.         }
  37. button: hover {
  38.     background - color: #005fd1;
  39.         }
  40.     </ style >
  41. </ head >
  42. < body >

  44.     < h1 > Swift 调用演示 </ h1 >
  45.    

  47.        < button onclick = "setConfig('a','6666')" > 设置值 </ button >
  48.    
  49.         < button onclick = "main()" > 加载脚本 </ button >
  50.      

  52.          < script >

  54.              async function main()
  55. {
  56.     //写入配置参数
  57.     setConfig('a', '6666')
  58.                   //获取配置参数
  59.              const result = await getConfig("a");
  60.     //吐司提示
  61.     toast(result.toString())
  62.      
  63.              //运行脚本代码,脚本要写到lamada表达式里
  64.     runJS(() => {
  65.                  //脚本写这里
  66.                  printl("1233")
  67.              })
  68.      
  69.              //运行脚本文件
  70.     runFile("主脚本.js")
  71.      

  73.         }


  76.     </ script >

  78. </ body >
  79. </ html >


  82. `)






  89. //第二个方法：&#128204;loadFile 加载本地文件


  92. new WebView().loadFile('')


  95. //第三个方法：&#128204;loadHtml 加载 HTML内容


  98. new WebView().loadHtml('')




  103. //第四个方法：&#128204;dismiss关闭界面

  105. new WebView().dismiss()




  110. //第五个方法：&#128204;loadUrl加载网页URL

  112. new WebView().loadUrl('')
复制代码
&#128204;show显示界面
类别
详情说明
方法功能
显示界面
方法签名
Void show()
返回值
Void
参数
无
案例
var web = new WebView()
web.show();
web.loadHtml(`
<!DOCTYPE html>
<html lang="en">
< head >
    < meta charset = "UTF-8" >
    < title > WKWebView JS to Swift </ title >
    < style >
        body {
            font - family: -apple - system, BlinkMacSystemFont, sans - serif;
            padding: 40px;
            background - color: #f2f2f7;
            text - align: center;
        }
    button {
            font-size: 18px;
            padding: 12px 24px;
            margin: 10px;
            border: none;
            border-radius: 8px;
            background-color: #007aff;
            color: white;
            cursor: pointer;
        }
button: hover {
    background - color: #005fd1;
        }
    </ style >
</ head >
< body >
    < h1 > Swift 调用演示 </ h1 >
   
       < button > 设置值 </ button >
   
        < button > 加载脚本 </ button >
     
         < script >
             async function main()
{
    //写入配置参数
    setConfig('a', '6666')
                  //获取配置参数
             const result = await getConfig("a");
    //吐司提示
    toast(result.toString())
     
             //运行脚本代码,脚本要写到lamada表达式里
    runJS(() => {
                 //脚本写这里
                 printl("1233")
             })
     
             //运行脚本文件
    runFile("主脚本.js")
     
        }
    </ script >
</ body >
</ html >
`)
&#128204;loadFile 加载本地文件
类别
详情说明
方法功能
加载本地文件
方法签名
Void loadFile(String path)
返回值
Void
参数
- String path
：文件路径
案例
var fileLoader = new FileLoader();
fileLoader.loadFile("/sdcard/test.txt"); // 加载指定路径的本地文件
&#128204;loadHtml 加载 HTML内容
类别
详情说明
方法功能
加载 HTML 内容
方法签名
Void loadHtml(String html)
返回值
Void
参数
- String html
：HTML 字符串
案例
var webView = new WebView();
webView.loadHtml("<h1>Hello</h1>"); // 加载 HTML 内容
&#128204;dismiss关闭界面
类别
详情说明
方法功能
关闭界面
方法签名
Void dismiss()
返回值
Void
参数
无
案例
var window = new Window();
window.dismiss(); // 关闭该界面
&#128204;loadUrl加载网页URL
类别
详情说明
方法功能
加载网页 URL
方法签名
Void loadUrl(String url)
返回值
Void
参数
- String url
：网址字符串
案例
var webView = new WebView();
webView.loadUrl("https://www.example.com"); // 加载指定网址的网页
完整演示例子：


  3. //&#127822;交流QQ群711841924
  4. // 创建一个完整的 WebView 示例
  5. function createWebViewExample() {
  6.     // 创建 WebView 实例
  7.     var web = new WebView();
  8.    
  9.     // 显示界面
  10.     web.show();
  11.    
  12.     // 加载 HTML 冣容
  13.     web.loadHtml(`
  14.     <!DOCTYPE html>
  15.     <html lang="zh-CN">
  16.     <head>
  17.         <meta charset="UTF-8">
  18.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  19.         <title>WebView 控件示例</title>
  20.         <style>
  21.             body {
  22.                 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  23.                 padding: 20px;
  24.                 background-color: #f5f5f5;
  25.                 text-align: center;
  26.             }
  27.             .container {
  28.                 max-width: 600px;
  29.                 margin: 0 auto;
  30.                 background: white;
  31.                 border-radius: 10px;
  32.                 padding: 30px;
  33.                 box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  34.             }
  35.             h1 {
  36.                 color: #333;
  37.                 margin-bottom: 30px;
  38.             }
  39.             button {
  40.                 font-size: 16px;
  41.                 padding: 12px 24px;
  42.                 margin: 10px;
  43.                 border: none;
  44.                 border-radius: 6px;
  45.                 background-color: #007aff;
  46.                 color: white;
  47.                 cursor: pointer;
  48.                 transition: background-color 0.3s;
  49.             }
  50.             button:hover {
  51.                 background-color: #005fd1;
  52.             }
  53.             button.secondary {
  54.                 background-color: #34c759;
  55.             }
  56.             button.secondary:hover {
  57.                 background-color: #2da44b;
  58.             }
  59.             button.warning {
  60.                 background-color: #ff9500;
  61.             }
  62.             button.warning:hover {
  63.                 background-color: #e08400;
  64.             }
  65.             .result {
  66.                 margin: 20px 0;
  67.                 padding: 15px;
  68.                 background-color: #f0f0f0;
  69.                 border-radius: 5px;
  70.                 min-height: 20px;
  71.             }
  72.         </style>
  73.     </head>
  74.     <body>
  75.         <div class="container">
  76.             <h1>WebView 控件功能演示</h1>
  77.             
  78.             <div>
  79.                 <button onclick="testSetConfig()">设置配置</button>
  80.                 <button onclick="testGetConfig()">获取配置</button>
  81.             </div>
  82.             
  83.             <div>
  84.                 <button class="secondary" onclick="testToast()">显示提示</button>
  85.                 <button class="secondary" onclick="testRunJS()">运行JS代码</button>
  86.             </div>
  87.             
  88.             <div>
  89.                 <button class="warning" onclick="loadExternalUrl()">加载外部网页</button>
  90.                 <button class="warning" onclick="loadLocalFile()">加载本地文件</button>
  91.             </div>
  92.             
  93.             <button style="background-color:#ff3b30" onclick="closeWebView()">关闭界面</button>
  94.             
  95.             <div class="result" id="result">
  96.                 操作结果将显示在这里
  97.             </div>
  98.         </div>

  100.         <script>
  101.             // 显示操作结果
  102.             function showResult(message) {
  103.                 document.getElementById('result').innerText = message;
  104.             }
  105.             
  106.             // 设置配置示例
  107.             function testSetConfig() {
  108.                 setConfig('username', '张三');
  109.                 setConfig('lastLogin', new Date().toString());
  110.                 showResult('配置已设置: username=张三');
  111.             }
  112.             
  113.             // 获取配置示例
  114.             async function testGetConfig() {
  115.                 try {
  116.                     const username = await getConfig('username');
  117.                     showResult('获取到配置: username=' + username);
  118.                 } catch (error) {
  119.                     showResult('获取配置失败: ' + error);
  120.                 }
  121.             }
  122.             
  123.             // 显示提示示例
  124.             function testToast() {
  125.                 toast('这是一条提示信息！');
  126.                 showResult('已显示提示信息');
  127.             }
  128.             
  129.             // 运行JS代码示例
  130.             function testRunJS() {
  131.                 runJS(() => {
  132.                     console.log('这是在原生环境中运行的JS代码');
  133.                     // 这里可以放置需要在原生环境中执行的脚本
  134.                     printl('WebView示例: JS代码已执行');
  135.                 });
  136.                 showResult('JS代码已在原生环境中运行');
  137.             }
  138.             
  139.             // 加载外部网页
  140.             function loadExternalUrl() {
  141.                 // 注意：在实际应用中，这里会跳转到指定网址
  142.                 showResult('在实际应用中将加载 https://www.baidu.com');
  143.             }
  144.             
  145.             // 加载本地文件
  146.             function loadLocalFile() {
  147.                 // 注意：在实际应用中，这里会加载指定的本地文件
  148.                 showResult('在实际应用中将加载本地文件 /sdcard/example.html');
  149.             }
  150.             
  151.             // 关闭界面
  152.             function closeWebView() {
  153.                 // 注意：在实际应用中，这会关闭WebView界面
  154.                 showResult('在实际应用中将关闭界面');
  155.             }
  156.         </script>
  157.     </body>
  158.     </html>
  159.     `);
  160.    
  161.     return web;
  162. }

  164. // 演示 WebView 的各种方法
  165. function demonstrateWebViewMethods() {
  166.     printl('开始演示 WebView 控件的各种方法');
  167.    
  168.     // 1. 创建并显示 WebView
  169.     var webView = createWebViewExample();
  170.     printl('1. WebView 已创建并显示');
  171.    
  172.     // 2. 演示 loadUrl 方法（注释形式，避免实际跳转）
  173.     // webView.loadUrl('https://www.baidu.com');
  174.     printl('2. loadUrl 方法可用于加载网页 URL');
  175.    
  176.     // 3. 演示 loadFile 方法（注释形式）
  177.     // webView.loadFile('/sdcard/index.html');
  178.     printl('3. loadFile 方法可用于加载本地文件');
  179.    
  180.     // 4. 演示 dismiss 方法（注释形式，避免实际关闭）
  181.     // webView.dismiss();
  182.     printl('4. dismiss 方法可用于关闭界面');
  183.    
  184.     printl('WebView 控件方法演示完成');
  185. }

  187. // 运行示例
  188. demonstrateWebViewMethods();
复制代码







欢迎光临 B2B网络软件 (http://bbs.niubt.cn/) Powered by Discuz! X3.2