B2B网络软件

标题: AIWROK软件H5自动开关执行脚本功能演示 [打印本页]
作者: YYPOST群发软件    时间: 9 小时前
标题: AIWROK软件H5自动开关执行脚本功能演示

AIWROK软件H5自动开关执行脚本功能演示


AIWROK软件H5自动开关执行脚本功能演示 B2B网络软件

AIWROK软件H5自动开关执行脚本功能演示 B2B网络软件

  1. //🍎交流QQ群711841924群一，苹果内测群，528816639
  2. <!DOCTYPE html>
  3. <html lang="zh-CN">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  7.     <title>AIWROK 自动开关执行脚本功能演示</title>
  8.     <style>
  9.         /* 基础样式重置 */
  10.         * {
  11.             margin: 0;
  12.             padding: 0;
  13.             box-sizing: border-box;
  14.             -webkit-tap-highlight-color: transparent;
  15.         }



  19.         body {
  20.             font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  21.             background-color: #f5f5f5;
  22.             color: #333;
  23.             line-height: 1.6;
  24.             overflow-x: hidden;
  25.             -webkit-font-smoothing: antialiased;
  26.             -moz-osx-font-smoothing: grayscale;
  27.         }

  29.         /* 手机容器 */
  30.         .mobile-container {
  31.             max-width: 414px;
  32.             margin: 0 auto;
  33.             background-color: white;
  34.             min-height: 100vh;
  35.             position: relative;
  36.             overflow: hidden;
  37.             box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  38.         }

  40.         /* 顶部导航栏 */
  41.         .top-nav {
  42.             display: flex;
  43.             background-color: white;
  44.             border-bottom: 1px solid #f0f0f0;
  45.             padding: 12px 0;
  46.         }

  48.         .top-nav-item {
  49.             flex: 1;
  50.             text-align: center;
  51.             font-size: 16px;
  52.             color: #333;
  53.             text-decoration: none;
  54.             padding: 8px 0;
  55.         }

  57.         .top-nav-item.active {
  58.             color: #2196f3;
  59.             font-weight: 600;
  60.             border-bottom: 2px solid #2196f3;
  61.         }

  63.         /* 主要内容区域 */
  64.         .content {
  65.             padding: 0;
  66.             padding-bottom: 80px;
  67.         }

  69.         /* 页面容器样式 */
  70.         .page {
  71.             display: none;
  72.         }

  74.         .page.active {
  75.             display: block;
  76.         }

  78.         /* 返回按钮 */
  79.         .back-button {
  80.             width: 100%;
  81.             height: 56px;
  82.             background-color: #ff0000;
  83.             color: white;
  84.             border: none;
  85.             border-radius: 0;
  86.             font-size: 18px;
  87.             font-weight: 600;
  88.             cursor: pointer;
  89.             margin-bottom: 0;
  90.             transition: all 0.3s ease;
  91.             transform: scale(1);
  92.         }

  94.         .back-button:active {
  95.             background-color: #cc0000;
  96.             transform: scale(0.95);
  97.         }

  99.         /* 选择列表 */
  100.         .select-list {
  101.             margin-bottom: 0;
  102.             padding: 0 16px;
  103.         }

  105.         /* 下拉选择框样式 */
  106.         .select-item {
  107.             margin-bottom: 12px;
  108.             padding: 12px 16px;
  109.             border-bottom: 1px solid #f0f0f0;
  110.         }

  112.         .select-item:last-child {
  113.             border-bottom: none;
  114.         }

  116.         .select-item select {
  117.             width: 100%;
  118.             height: 40px;
  119.             padding: 8px 12px;
  120.             font-size: 16px;
  121.             color: #333;
  122.             border: 1px solid #ddd;
  123.             border-radius: 4px;
  124.             background-color: #fff;
  125.             cursor: pointer;
  126.             -webkit-appearance: none;
  127.             -moz-appearance: none;
  128.             appearance: none;
  129.             background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpolyline points="6 9 12 15 18 9"%3E%3C/polyline%3E%3C/svg%3E');
  130.             background-repeat: no-repeat;
  131.             background-position: right 12px center;
  132.             background-size: 14px;
  133.         }

  135.         .select-item select:focus {
  136.             outline: none;
  137.             border-color: #ff0000;
  138.             box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.2);
  139.         }

  141.         /* 兼容旧的复选框样式 */
  142.         .checkbox-list {
  143.             margin-bottom: 0;
  144.             padding-left: 50px;
  145.         }

  147.         .checkbox-item {
  148.             display: flex;
  149.             align-items: center;
  150.             padding: 12px 16px;
  151.             border-bottom: 1px solid #f0f0f0;
  152.         }

  154.         .checkbox-item:last-child {
  155.             border-bottom: none;
  156.         }

  158.         .checkbox-item input[type="checkbox"] {
  159.             width: 20px;
  160.             height: 20px;
  161.             margin-right: 12px;
  162.             accent-color: #ff0000;
  163.             -webkit-appearance: none;
  164.             -moz-appearance: none;
  165.             appearance: none;
  166.             border: 1px solid #000;
  167.             border-radius: 2px;
  168.             background-color: #fff;
  169.             cursor: pointer;
  170.             position: relative;
  171.         }

  173.         .checkbox-item input[type="checkbox"]:checked {
  174.             background-color: #fff;
  175.             border-color: #000;
  176.         }

  178.         .checkbox-item input[type="checkbox"]:checked::after {
  179.             content: "✓";
  180.             position: absolute;
  181.             top: 50%;
  182.             left: 50%;
  183.             transform: translate(-50%, -50%);
  184.             color: #ff0000;
  185.             font-size: 14px;
  186.             font-weight: bold;
  187.         }

  189.         .checkbox-item label {
  190.             flex: 1;
  191.             font-size: 16px;
  192.             color: #333;
  193.             cursor: pointer;
  194.         }
  195.         
  196.         /* 单选按钮组样式 */
  197.         .radio-list {
  198.             margin-bottom: 0;
  199.             padding: 0;
  200.         }

  202.         .radio-item {
  203.             display: flex;
  204.             align-items: center;
  205.             padding: 16px;
  206.             border-bottom: 1px solid #f0f0f0;
  207.             cursor: pointer;
  208.             transition: background-color 0.2s ease;
  209.         }

  211.         .radio-item:last-child {
  212.             border-bottom: none;
  213.         }

  215.         .radio-item:hover {
  216.             background-color: #f5f5f5;
  217.         }

  219.         .radio-item input[type="radio"] {
  220.             width: 20px;
  221.             height: 20px;
  222.             margin-right: 12px;
  223.             accent-color: #ff0000;
  224.             -webkit-appearance: none;
  225.             -moz-appearance: none;
  226.             appearance: none;
  227.             border: 1px solid #000;
  228.             border-radius: 50%;
  229.             background-color: #fff;
  230.             cursor: pointer;
  231.             position: relative;
  232.         }

  234.         .radio-item input[type="radio"]:checked {
  235.             background-color: #fff;
  236.             border-color: #ff0000;
  237.         }

  239.         .radio-item input[type="radio"]:checked::after {
  240.             content: "";
  241.             position: absolute;
  242.             top: 50%;
  243.             left: 50%;
  244.             transform: translate(-50%, -50%);
  245.             width: 10px;
  246.             height: 10px;
  247.             border-radius: 50%;
  248.             background-color: #ff0000;
  249.         }

  251.         .radio-item label {
  252.             flex: 1;
  253.             font-size: 16px;
  254.             color: #333;
  255.             cursor: pointer;
  256.         }

  258.         /* 开关样式 - 优化移动设备触摸体验 */
  259.         .toggle-switch {
  260.             position: relative;
  261.             display: inline-block;
  262.             width: 56px;
  263.             height: 30px;
  264.             margin-left: 16px;
  265.         }

  267.         .toggle-switch input {
  268.             opacity: 0;
  269.             width: 0;
  270.             height: 0;
  271.         }

  273.         .toggle-slider {
  274.             position: absolute;
  275.             cursor: pointer;
  276.             top: 0;
  277.             left: 0;
  278.             right: 0;
  279.             bottom: 0;
  280.             background-color: #e0e0e0;
  281.             transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  282.             border-radius: 30px;
  283.         }

  285.         .toggle-slider:before {
  286.             position: absolute;
  287.             content: "";
  288.             height: 22px;
  289.             width: 22px;
  290.             left: 4px;
  291.             bottom: 4px;
  292.             background-color: white;
  293.             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  294.             transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  295.             border-radius: 50%;
  296.         }

  298.         input:checked + .toggle-slider {
  299.             background-color: #ff0000;
  300.         }

  302.         input:focus + .toggle-slider {
  303.             box-shadow: 0 0 2px #ff0000;
  304.         }

  306.         input:checked + .toggle-slider:before {
  307.             transform: translateX(26px);
  308.             box-shadow: 0 2px 8px rgba(255, 0, 0, 0.3);
  309.         }

  311.         /* 修改radio-item布局以适应开关 */
  312.         .radio-item {
  313.             display: flex;
  314.             align-items: center;
  315.             justify-content: space-between;
  316.             padding: 16px 20px;
  317.             border-bottom: 1px solid #f0f0f0;
  318.             cursor: pointer;
  319.             transition: background-color 0.2s ease;
  320.         }

  322.         /* 优化文字样式 */
  323.         .radio-item label {
  324.             font-size: 16px;
  325.             font-weight: 500;
  326.             color: #333;
  327.         }

  329.         /* 运行按钮 */
  330.         .run-button {
  331.             width: 100%;
  332.             height: 56px;
  333.             background-color: #1976d2;
  334.             color: white;
  335.             border: none;
  336.             border-radius: 0;
  337.             font-size: 18px;
  338.             font-weight: 600;
  339.             cursor: pointer;
  340.             transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  341.             margin-top: 20px;
  342.             position: relative;
  343.             overflow: hidden;
  344.             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  345.         }

  347.         .run-button:hover {
  348.             background-color: #1565c0;
  349.             box-shadow: 0 4px 8px rgba(25, 118, 210, 0.3);
  350.             transform: translateY(-2px);
  351.         }

  353.         .run-button:active {
  354.             background-color: #0d47a1;
  355.             transform: scale(0.98) translateY(0);
  356.             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  357.         }

  359.         .run-button:disabled {
  360.             background-color: #90caf9;
  361.             cursor: not-allowed;
  362.             transform: none;
  363.             box-shadow: none;
  364.         }

  366.         /* 波纹效果 */
  367.         .run-button::before {
  368.             content: '';
  369.             position: absolute;
  370.             top: 50%;
  371.             left: 50%;
  372.             width: 0;
  373.             height: 0;
  374.             border-radius: 50%;
  375.             background-color: rgba(255, 255, 255, 0.5);
  376.             transform: translate(-50%, -50%);
  377.             transition: width 0.6s ease, height 0.6s ease;
  378.         }

  380.         .run-button:active::before {
  381.             width: 300px;
  382.             height: 300px;
  383.         }

  385.         /* 加载动画 */
  386.         @keyframes spin {
  387.             from { transform: rotate(0deg); }
  388.             to { transform: rotate(360deg); }
  389.         }

  391.         .run-button.loading {
  392.             background-color: #1976d2;
  393.         }

  395.         .run-button.loading::after {
  396.             content: '';
  397.             position: absolute;
  398.             top: 50%;
  399.             left: 50%;
  400.             width: 24px;
  401.             height: 24px;
  402.             margin-top: -12px;
  403.             margin-left: -12px;
  404.             border: 2px solid rgba(255, 255, 255, 0.3);
  405.             border-top-color: white;
  406.             border-radius: 50%;
  407.             animation: spin 0.8s linear infinite;
  408.         }

  410.         .run-button.loading span {
  411.             opacity: 0;
  412.         }





  418.         /* 响应式设计 */
  419.         @media (max-width: 375px) {
  420.             .mobile-container {
  421.                 max-width: 100%;
  422.             }
  423.         }

  425.         /* 适配iOS设备的特殊优化 */
  426.         @supports (-webkit-touch-callout: none) {
  427.             /* 适配iOS底部安全区域 */
  428.             .content {
  429.                 padding-bottom: calc(80px + env(safe-area-inset-bottom, 0));
  430.             }

  432.             /* 适配iOS顶部安全区域 */
  433.             .status-bar {
  434.                 padding-top: env(safe-area-inset-top, 0);
  435.                 height: calc(44px + env(safe-area-inset-top, 0));
  436.             }
  437.         }
  438.     </style>
  439. </head>
  440. <body>
  441.     <div class="mobile-container">
  442.         <!-- 顶部导航栏 -->
  443.         <div class="top-nav">
  444.             <a href="#" class="top-nav-item active">首页</a>
  445.             <a href="#" class="top-nav-item">第二页</a>
  446.             <a href="#" class="top-nav-item">第三页</a>
  447.             <a href="#" class="top-nav-item">第四页</a>
  448.         </div>
  449.         
  450.         <!-- 结果显示区域 -->
  451.         <div id="resultDisplay" style="
  452.             background-color: #f5f5f5;
  453.             padding: 10px;
  454.             margin: 0 10px 10px;
  455.             border-radius: 8px;
  456.             font-size: 14px;
  457.             color: #333;
  458.             max-height: 150px;
  459.             overflow-y: auto;
  460.             border: 1px solid #e0e0e0;
  461.         ">
  462.             <div style="font-weight: bold; margin-bottom: 5px;">交互结果：</div>
  463.             <div id="resultContent">初始化完成，等待交互...</div>
  464.         </div>
  465.         
  466.         <!-- 主要内容区域 -->
  467.         <div class="content">
  468.             <!-- 首页内容 -->
  469.             <div id="page1" class="page active">
  470.                 <!-- 返回按钮 -->
  471.                 <button class="back-button" onclick="handleBackButton()">返回</button>

  473.                 <!-- 单选按钮组 -->
  474.                 <div class="radio-list">
  475.                     <div class="radio-item">
  476.                         <label for="page1-item1">抖音极速版</label>
  477.                         <label class="toggle-switch">
  478.                             <input type="checkbox" id="page1-item1" name="page1-checkbox" value="item1" onchange="handleSelectChange(this)">
  479.                             <span class="toggle-slider"></span>
  480.                         </label>
  481.                     </div>
  482.                     <div class="radio-item">
  483.                         <label for="page1-item2">快手极速版</label>
  484.                         <label class="toggle-switch">
  485.                             <input type="checkbox" id="page1-item2" name="page1-checkbox" value="item2" onchange="handleSelectChange(this)">
  486.                             <span class="toggle-slider"></span>
  487.                         </label>
  488.                     </div>
  489.                     <div class="radio-item">
  490.                         <label for="page1-item3">汽水音乐</label>
  491.                         <label class="toggle-switch">
  492.                             <input type="checkbox" id="page1-item3" name="page1-checkbox" value="item3" onchange="handleSelectChange(this)">
  493.                             <span class="toggle-slider"></span>
  494.                         </label>
  495.                     </div>
  496.                     <div class="radio-item">
  497.                         <label for="page1-item4">番茄畅听音乐版</label>
  498.                         <label class="toggle-switch">
  499.                             <input type="checkbox" id="page1-item4" name="page1-checkbox" value="item4" onchange="handleSelectChange(this)">
  500.                             <span class="toggle-slider"></span>
  501.                         </label>
  502.                     </div>
  503.                     <div class="radio-item">
  504.                         <label for="page1-item5">西瓜视频</label>
  505.                         <label class="toggle-switch">
  506.                             <input type="checkbox" id="page1-item5" name="page1-checkbox" value="item5" onchange="handleSelectChange(this)">
  507.                             <span class="toggle-slider"></span>
  508.                         </label>
  509.                     </div>
  510.                     <div class="radio-item">
  511.                         <label for="page1-item6">番茄畅听</label>
  512.                         <label class="toggle-switch">
  513.                             <input type="checkbox" id="page1-item6" name="page1-checkbox" value="item6" onchange="handleSelectChange(this)">
  514.                             <span class="toggle-slider"></span>
  515.                         </label>
  516.                     </div>
  517.                     <div class="radio-item">
  518.                         <label for="page1-item7">番茄小说</label>
  519.                         <label class="toggle-switch">
  520.                             <input type="checkbox" id="page1-item7" name="page1-checkbox" value="item7" onchange="handleSelectChange(this)">
  521.                             <span class="toggle-slider"></span>
  522.                         </label>
  523.                     </div>
  524.                     <div class="radio-item">
  525.                         <label for="page1-item8">悟空浏览器</label>
  526.                         <label class="toggle-switch">
  527.                             <input type="checkbox" id="page1-item8" name="page1-checkbox" value="item8" onchange="handleSelectChange(this)">
  528.                             <span class="toggle-slider"></span>
  529.                         </label>
  530.                     </div>
  531.                     <div class="radio-item">
  532.                         <label for="page1-item9">红果短剧</label>
  533.                         <label class="toggle-switch">
  534.                             <input type="checkbox" id="page1-item9" name="page1-checkbox" value="item9" onchange="handleSelectChange(this)">
  535.                             <span class="toggle-slider"></span>
  536.                         </label>
  537.                     </div>
  538.                     <div class="radio-item">
  539.                         <label for="page1-item10">今日头条</label>
  540.                         <label class="toggle-switch">
  541.                             <input type="checkbox" id="page1-item10" name="page1-checkbox" value="item10" onchange="handleSelectChange(this)">
  542.                             <span class="toggle-slider"></span>
  543.                         </label>
  544.                     </div>
  545.                     <div class="radio-item">
  546.                         <label for="page1-item11">今日头条极速版</label>
  547.                         <label class="toggle-switch">
  548.                             <input type="checkbox" id="page1-item11" name="page1-checkbox" value="item11" onchange="handleSelectChange(this)">
  549.                             <span class="toggle-slider"></span>
  550.                         </label>
  551.                     </div>
  552.                     <div class="radio-item">
  553.                         <label for="page1-item12">喜番短剧</label>
  554.                         <label class="toggle-switch">
  555.                             <input type="checkbox" id="page1-item12" name="page1-checkbox" value="item12" onchange="handleSelectChange(this)">
  556.                             <span class="toggle-slider"></span>
  557.                         </label>
  558.                     </div>
  559.                     <div class="radio-item">
  560.                         <label for="page1-item13">快手正式版</label>
  561.                         <label class="toggle-switch">
  562.                             <input type="checkbox" id="page1-item13" name="page1-checkbox" value="item13" onchange="handleSelectChange(this)">
  563.                             <span class="toggle-slider"></span>
  564.                         </label>
  565.                     </div>
  566.                     <div class="radio-item">
  567.                         <label for="page1-item14">卸载APP</label>
  568.                         <label class="toggle-switch">
  569.                             <input type="checkbox" id="page1-item14" name="page1-checkbox" value="item14" onchange="handleSelectChange(this)">
  570.                             <span class="toggle-slider"></span>
  571.                         </label>
  572.                     </div>
  573.                     <div class="radio-item">
  574.                         <label for="page1-item15">测试2</label>
  575.                         <label class="toggle-switch">
  576.                             <input type="checkbox" id="page1-item15" name="page1-checkbox" value="item15" onchange="handleSelectChange(this)">
  577.                             <span class="toggle-slider"></span>
  578.                         </label>
  579.                     </div>
  580.                 </div>

  582.                 <!-- 运行按钮 -->
  583.                 <button class="run-button" onclick="handleRunButton(this)"><span>点击运行</span></button>
  584.             </div>

  586.             <!-- 第二页内容 -->
  587.             <div id="page2" class="page">
  588.                 <!-- 返回按钮 -->
  589.                 <button class="back-button" onclick="handleBackButton()">返回</button>

  591.                 <!-- 单选按钮组 -->
  592.                 <div class="radio-list">
  593.                     <div class="radio-item">
  594.                         <label for="page2-item21">喜番快手正式快手极速</label>
  595.                         <label class="toggle-switch">
  596.                             <input type="checkbox" id="page2-item21" name="page2-checkbox" value="item21" onchange="handleSelectChange(this)">
  597.                             <span class="toggle-slider"></span>
  598.                         </label>
  599.                     </div>
  600.                     <div class="radio-item">
  601.                         <label for="page2-item22">抖音极速西瓜汽水</label>
  602.                         <label class="toggle-switch">
  603.                             <input type="checkbox" id="page2-item22" name="page2-checkbox" value="item22" onchange="handleSelectChange(this)">
  604.                             <span class="toggle-slider"></span>
  605.                         </label>
  606.                     </div>
  607.                     <div class="radio-item">
  608.                         <label for="page2-item23">红果悟空番茄畅听音乐</label>
  609.                         <label class="toggle-switch">
  610.                             <input type="checkbox" id="page2-item23" name="page2-checkbox" value="item23" onchange="handleSelectChange(this)">
  611.                             <span class="toggle-slider"></span>
  612.                         </label>
  613.                     </div>
  614.                     <div class="radio-item">
  615.                         <label for="page2-item24">番茄小说番茄畅听</label>
  616.                         <label class="toggle-switch">
  617.                             <input type="checkbox" id="page2-item24" name="page2-checkbox" value="item24" onchange="handleSelectChange(this)">
  618.                             <span class="toggle-slider"></span>
  619.                         </label>
  620.                     </div>
  621.                     <div class="radio-item">
  622.                         <label for="page2-item25">抖音极速西瓜汽水新手模式</label>
  623.                         <label class="toggle-switch">
  624.                             <input type="checkbox" id="page2-item25" name="page2-checkbox" value="item25" onchange="handleSelectChange(this)">
  625.                             <span class="toggle-slider"></span>
  626.                         </label>
  627.                     </div>
  628.                     <div class="radio-item">
  629.                         <label for="page2-item26">红果悟空番茄畅听音乐新手模式</label>
  630.                         <label class="toggle-switch">
  631.                             <input type="checkbox" id="page2-item26" name="page2-checkbox" value="item26" onchange="handleSelectChange(this)">
  632.                             <span class="toggle-slider"></span>
  633.                         </label>
  634.                     </div>
  635.                     <div class="radio-item">
  636.                         <label for="page2-item27">番茄小说番茄畅听新手模式</label>
  637.                         <label class="toggle-switch">
  638.                             <input type="checkbox" id="page2-item27" name="page2-checkbox" value="item27" onchange="handleSelectChange(this)">
  639.                             <span class="toggle-slider"></span>
  640.                         </label>
  641.                     </div>
  642.                     <div class="radio-item">
  643.                         <label for="page2-item28">喜番快手正式快手极速新手模式</label>
  644.                         <label class="toggle-switch">
  645.                             <input type="checkbox" id="page2-item28" name="page2-checkbox" value="item28" onchange="handleSelectChange(this)">
  646.                             <span class="toggle-slider"></span>
  647.                         </label>
  648.                     </div>
  649.                     <div class="radio-item">
  650.                         <label for="page2-item29">喜番快手正式快手极速周期</label>
  651.                         <label class="toggle-switch">
  652.                             <input type="checkbox" id="page2-item29" name="page2-checkbox" value="item29" onchange="handleSelectChange(this)">
  653.                             <span class="toggle-slider"></span>
  654.                         </label>
  655.                     </div>
  656.                     <div class="radio-item">
  657.                         <label for="page2-item30">抖音系周期任务</label>
  658.                         <label class="toggle-switch">
  659.                             <input type="checkbox" id="page2-item30" name="page2-checkbox" value="item30" onchange="handleSelectChange(this)">
  660.                             <span class="toggle-slider"></span>
  661.                         </label>
  662.                     </div>
  663.                     <div class="radio-item">
  664.                         <label for="page2-item31">抖音系周期养号</label>
  665.                         <label class="toggle-switch">
  666.                             <input type="checkbox" id="page2-item31" name="page2-checkbox" value="item31" onchange="handleSelectChange(this)">
  667.                             <span class="toggle-slider"></span>
  668.                         </label>
  669.                     </div>
  670.                 </div>

  672.                 <!-- 运行按钮 -->
  673.                 <button class="run-button" onclick="handleRunButton(this)"><span>点击运行</span></button>
  674.             </div>

  676.             <!-- 第三页内容 -->
  677.             <div id="page3" class="page">
  678.                 <!-- 返回按钮 -->
  679.                 <button class="back-button" onclick="handleBackButton()">返回</button>

  681.                 <!-- 单选按钮组 -->
  682.                 <div class="radio-list">
  683.                     <div class="radio-item">
  684.                         <label for="page3-item41">抖音系周期养号</label>
  685.                         <label class="toggle-switch">
  686.                             <input type="checkbox" id="page3-item41" name="page3-checkbox" value="item41" onchange="handleSelectChange(this)">
  687.                             <span class="toggle-slider"></span>
  688.                         </label>
  689.                     </div>
  690.                     <div class="radio-item">
  691.                         <label for="page3-item42">抖音系周期任务</label>
  692.                         <label class="toggle-switch">
  693.                             <input type="checkbox" id="page3-item42" name="page3-checkbox" value="item42" onchange="handleSelectChange(this)">
  694.                             <span class="toggle-slider"></span>
  695.                         </label>
  696.                     </div>
  697.                     <div class="radio-item">
  698.                         <label for="page3-item43">喜番快手正式快手极速周期</label>
  699.                         <label class="toggle-switch">
  700.                             <input type="checkbox" id="page3-item43" name="page3-checkbox" value="item43" onchange="handleSelectChange(this)">
  701.                             <span class="toggle-slider"></span>
  702.                         </label>
  703.                     </div>
  704.                     <div class="radio-item">
  705.                         <label for="page3-item44">抖音系新手模式</label>
  706.                         <label class="toggle-switch">
  707.                             <input type="checkbox" id="page3-item44" name="page3-checkbox" value="item44" onchange="handleSelectChange(this)">
  708.                             <span class="toggle-slider"></span>
  709.                         </label>
  710.                     </div>
  711.                     <div class="radio-item">
  712.                         <label for="page3-item45">快手系新手模式</label>
  713.                         <label class="toggle-switch">
  714.                             <input type="checkbox" id="page3-item45" name="page3-checkbox" value="item45" onchange="handleSelectChange(this)">
  715.                             <span class="toggle-slider"></span>
  716.                         </label>
  717.                     </div>
  718.                     <div class="radio-item">
  719.                         <label for="page3-item46">番茄小说番茄畅听新手模式</label>
  720.                         <label class="toggle-switch">
  721.                             <input type="checkbox" id="page3-item46" name="page3-checkbox" value="item46" onchange="handleSelectChange(this)">
  722.                             <span class="toggle-slider"></span>
  723.                         </label>
  724.                     </div>
  725.                     <div class="radio-item">
  726.                         <label for="page3-item47">红果悟空番茄畅听音乐新手模式</label>
  727.                         <label class="toggle-switch">
  728.                             <input type="checkbox" id="page3-item47" name="page3-checkbox" value="item47" onchange="handleSelectChange(this)">
  729.                             <span class="toggle-slider"></span>
  730.                         </label>
  731.                     </div>
  732.                     <div class="radio-item">
  733.                         <label for="page3-item48">抖音极速西瓜汽水新手模式</label>
  734.                         <label class="toggle-switch">
  735.                             <input type="checkbox" id="page3-item48" name="page3-checkbox" value="item48" onchange="handleSelectChange(this)">
  736.                             <span class="toggle-slider"></span>
  737.                         </label>
  738.                     </div>
  739.                     <div class="radio-item">
  740.                         <label for="page3-item49">快手系新手模式</label>
  741.                         <label class="toggle-switch">
  742.                             <input type="checkbox" id="page3-item49" name="page3-checkbox" value="item49" onchange="handleSelectChange(this)">
  743.                             <span class="toggle-slider"></span>
  744.                         </label>
  745.                     </div>
  746.                     <div class="radio-item">
  747.                         <label for="page3-item50">番茄小说番茄畅听音乐</label>
  748.                         <label class="toggle-switch">
  749.                             <input type="checkbox" id="page3-item50" name="page3-checkbox" value="item50" onchange="handleSelectChange(this)">
  750.                             <span class="toggle-slider"></span>
  751.                         </label>
  752.                     </div>
  753.                     <div class="radio-item">
  754.                         <label for="page3-item51">抖音极速西瓜汽水</label>
  755.                         <label class="toggle-switch">
  756.                             <input type="checkbox" id="page3-item51" name="page3-checkbox" value="item51" onchange="handleSelectChange(this)">
  757.                             <span class="toggle-slider"></span>
  758.                         </label>
  759.                     </div>
  760.                     <div class="radio-item">
  761.                         <label for="page3-item52">喜番快手正式快手极速</label>
  762.                         <label class="toggle-switch">
  763.                             <input type="checkbox" id="page3-item52" name="page3-checkbox" value="item52" onchange="handleSelectChange(this)">
  764.                             <span class="toggle-slider"></span>
  765.                         </label>
  766.                     </div>
  767.                 </div>

  769.                 <!-- 运行按钮 -->
  770.                 <button class="run-button" onclick="handleRunButton(this)"><span>点击运行</span></button>
  771.             </div>

  773.             <!-- 第四页内容（备用） -->
  774.             <div id="page4" class="page">
  775.                 <!-- 返回按钮 -->
  776.                 <button class="back-button" onclick="handleBackButton()">返回</button>

  778.                 <!-- 单选按钮组 -->
  779.                 <div class="radio-list">
  780.                     <div class="radio-item">
  781.                         <label for="page4-item61">备用任务1</label>
  782.                         <label class="toggle-switch">
  783.                             <input type="checkbox" id="page4-item61" name="page4-checkbox" value="item61" onchange="handleSelectChange(this)">
  784.                             <span class="toggle-slider"></span>
  785.                         </label>
  786.                     </div>
  787.                     <div class="radio-item">
  788.                         <label for="page4-item62">备用任务2</label>
  789.                         <label class="toggle-switch">
  790.                             <input type="checkbox" id="page4-item62" name="page4-checkbox" value="item62" onchange="handleSelectChange(this)">
  791.                             <span class="toggle-slider"></span>
  792.                         </label>
  793.                     </div>
  794.                     <div class="radio-item">
  795.                         <label for="page4-item63">备用任务3</label>
  796.                         <label class="toggle-switch">
  797.                             <input type="checkbox" id="page4-item63" name="page4-checkbox" value="item63" onchange="handleSelectChange(this)">
  798.                             <span class="toggle-slider"></span>
  799.                         </label>
  800.                     </div>
  801.                     <div class="radio-item">
  802.                         <label for="page4-item64">备用任务4</label>
  803.                         <label class="toggle-switch">
  804.                             <input type="checkbox" id="page4-item64" name="page4-checkbox" value="item64" onchange="handleSelectChange(this)">
  805.                             <span class="toggle-slider"></span>
  806.                         </label>
  807.                     </div>
  808.                     <div class="radio-item">
  809.                         <label for="page4-item65">备用任务5</label>
  810.                         <label class="toggle-switch">
  811.                             <input type="checkbox" id="page4-item65" name="page4-checkbox" value="item65" onchange="handleSelectChange(this)">
  812.                             <span class="toggle-slider"></span>
  813.                         </label>
  814.                     </div>
  815.                     <div class="radio-item">
  816.                         <label for="page4-item66">备用任务6</label>
  817.                         <label class="toggle-switch">
  818.                             <input type="checkbox" id="page4-item66" name="page4-checkbox" value="item66" onchange="handleSelectChange(this)">
  819.                             <span class="toggle-slider"></span>
  820.                         </label>
  821.                     </div>
  822.                     <div class="radio-item">
  823.                         <label for="page4-item67">备用任务7</label>
  824.                         <label class="toggle-switch">
  825.                             <input type="checkbox" id="page4-item67" name="page4-checkbox" value="item67" onchange="handleSelectChange(this)">
  826.                             <span class="toggle-slider"></span>
  827.                         </label>
  828.                     </div>
  829.                     <div class="radio-item">
  830.                         <label for="page4-item68">备用任务8</label>
  831.                         <label class="toggle-switch">
  832.                             <input type="checkbox" id="page4-item68" name="page4-checkbox" value="item68" onchange="handleSelectChange(this)">
  833.                             <span class="toggle-slider"></span>
  834.                         </label>
  835.                     </div>
  836.                     <div class="radio-item">
  837.                         <label for="page4-item69">备用任务9</label>
  838.                         <label class="toggle-switch">
  839.                             <input type="checkbox" id="page4-item69" name="page4-checkbox" value="item69" onchange="handleSelectChange(this)">
  840.                             <span class="toggle-slider"></span>
  841.                         </label>
  842.                     </div>
  843.                     <div class="radio-item">
  844.                         <label for="page4-item70">备用任务10</label>
  845.                         <label class="toggle-switch">
  846.                             <input type="checkbox" id="page4-item70" name="page4-checkbox" value="item70" onchange="handleSelectChange(this)">
  847.                             <span class="toggle-slider"></span>
  848.                         </label>
  849.                     </div>
  850.                 </div>

  852.                 <!-- 运行按钮 -->
  853.                 <button class="run-button" onclick="handleRunButton(this)"><span>点击运行</span></button>
  854.             </div>
  855.         </div>


  858.     </div>

  860.     <script>
  861.         // 先定义showResult函数，确保在window.at对象初始化时可用
  862.         function showResult(result) {
  863.             try {
  864.                 var resultContent = document.getElementById('resultContent');
  865.                 if (resultContent) {
  866.                     var timestamp = new Date().toLocaleTimeString();
  867.                     var newResult = '<div style="margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dashed #ddd;"><strong>[' + timestamp + ']</strong> ' + result + '</div>';
  868.                     resultContent.innerHTML = newResult + resultContent.innerHTML;
  869.                     
  870.                     // 限制结果显示数量
  871.                     var resultItems = resultContent.querySelectorAll('div');
  872.                     if (resultItems.length > 10) {
  873.                         for (var i = 10; i < resultItems.length; i++) {
  874.                             resultItems[i].remove();
  875.                         }
  876.                     }
  877.                 } else {
  878.                     console.log('结果显示区域不可用，使用console.log输出:', result);
  879.                 }
  880.             } catch (e) {
  881.                 console.error('调用showResult失败:', e.message);
  882.                 console.log('showResult错误日志:', result);
  883.             }
  884.         }
  885.         
  886.         // 定义空的webjs函数，避免AIWROK内部调用时出现"is not a function"错误
  887.         function webjs() {
  888.             printl('webjs函数被调用');
  889.         }
  890.         
  891.         // 定义临时的printl函数，避免页面加载时出现"is not defined"错误
  892.         // 主脚本.js加载后会自动覆盖这个定义
  893.         function printl(message) {
  894.             try {
  895.                 console.log('printl临时函数:', message);
  896.                 showResult(message);
  897.             } catch (e) {
  898.                 console.error('printl临时函数调用失败:', e.message);
  899.             }
  900.         }
  901.         
  902.         // AIWROK原生环境交互对象 - 主通信接口
  903.         window.at = window.at || {};
  904.         
  905.         // 初始化window.at对象的各种方法，确保与原生应用的交互能力
  906.         if (typeof window.at.callFunction === 'undefined') {
  907.             window.at.callFunction = function(functionName, params, callback) {
  908.                 printl('调用原生函数: ' + functionName + ' ' + JSON.stringify(params));
  909.                 showResult('调用原生函数: ' + functionName + '，参数: ' + JSON.stringify(params));
  910.                 if (typeof callback === 'function') {
  911.                     callback(JSON.stringify({result: '模拟返回结果', functionName: functionName}));
  912.                 }
  913.             };
  914.         }
  915.         
  916.         if (typeof window.at.runJs === 'undefined') {
  917.             window.at.runJs = function(jsCode, callback) {
  918.                 printl('运行原生JS代码: ' + jsCode.substring(0, 50) + (jsCode.length > 50 ? '...' : ''));
  919.                 showResult('运行原生JS代码: ' + jsCode.substring(0, 50) + (jsCode.length > 50 ? '...' : ''));
  920.                 if (typeof callback === 'function') {
  921.                     callback(JSON.stringify({result: 'JS代码执行成功', jsCode: jsCode}));
  922.                 }
  923.             };
  924.         }
  925.         
  926.         if (typeof window.at.setConfig === 'undefined') {
  927.             window.at.setConfig = function(key, value) {
  928.                 printl('设置配置: ' + key + ' = ' + value);
  929.                 showResult('设置配置: ' + key + ' = ' + value);
  930.                 try {
  931.                     localStorage.setItem(key, value);
  932.                     showToast('配置已设置');
  933.                 } catch (e) {
  934.                     console.warn('localStorage不可用:', e.message);
  935.                     if (!window._memoryStorage) {
  936.                         window._memoryStorage = {};
  937.                     }
  938.                     window._memoryStorage[key] = value;
  939.                     showToast('配置已记录');
  940.                 }
  941.             };
  942.         }
  943.         
  944.         if (typeof window.at.getConfig === 'undefined') {
  945.             window.at.getConfig = function(key, callback) {
  946.                 var value = '未设置';
  947.                 try {
  948.                     value = localStorage.getItem(key) || '未设置';
  949.                 } catch (e) {
  950.                     console.warn('localStorage不可用:', e.message);
  951.                     if (window._memoryStorage && window._memoryStorage[key] !== undefined) {
  952.                         value = window._memoryStorage[key];
  953.                     }
  954.                 }
  955.                
  956.                 showResult('获取配置: ' + key + ' = ' + value);
  957.                 if (typeof callback === 'function') {
  958.                     callback(value);
  959.                 }
  960.             };
  961.         }
  962.         
  963.         if (typeof window.at.publicSet === 'undefined') {
  964.             window.at.publicSet = function(key, value) {
  965.                 printl('设置公共变量: ' + key + ' = ' + value);
  966.                 showResult('设置公共变量: ' + key + ' = ' + value);
  967.                 window._publicData = window._publicData || {};
  968.                 window._publicData[key] = value;
  969.                 showToast('公共变量已设置');
  970.             };
  971.         }
  972.         
  973.         if (typeof window.at.publicGet === 'undefined') {
  974.             window.at.publicGet = function(key, callback) {
  975.                 var value = '未设置';
  976.                 window._publicData = window._publicData || {};
  977.                 if (window._publicData[key] !== undefined) {
  978.                     value = window._publicData[key];
  979.                 }
  980.                
  981.                 showResult('获取公共变量: ' + key + ' = ' + value);
  982.                 if (typeof callback === 'function') {
  983.                     callback(value);
  984.                 }
  985.             };
  986.         }
  987.         
  988.         if (typeof window.at.getRootPath === 'undefined') {
  989.             window.at.getRootPath = function(callback) {
  990.                 var path = '模拟根路径: /sdcard/AIWROK/';
  991.                 showResult('获取根路径: ' + path);
  992.                 if (typeof callback === 'function') {
  993.                     callback(path);
  994.                 }
  995.             };
  996.         }
  997.         
  998.         if (typeof window.at.getResourcesPath === 'undefined') {
  999.             window.at.getResourcesPath = function(callback) {
  1000.                 var path = '模拟资源路径: /sdcard/AIWROK/resources/';
  1001.                 showResult('获取资源路径: ' + path);
  1002.                 if (typeof callback === 'function') {
  1003.                     callback(path);
  1004.                 }
  1005.             };
  1006.         }
  1007.         
  1008.         // 添加JsWebView类，支持new JsWebView().close()方式关闭界面
  1009.         if (typeof JsWebView === 'undefined') {
  1010.             function JsWebView() {
  1011.                 // JsWebView构造函数
  1012.             }
  1013.             
  1014.             JsWebView.prototype.close = function() {
  1015.                 printl('使用JsWebView.close()关闭界面');
  1016.                 showToast('关闭界面');
  1017.                
  1018.                 try {
  1019.                     // 调用原生的dismiss方法
  1020.                     if (window.at && typeof window.at.callFunction === 'function') {
  1021.                         window.at.callFunction('dismiss', {}, function(result) {
  1022.                             printl('关闭界面结果: ' + result);
  1023.                         });
  1024.                     }
  1025.                     
  1026.                     // 模拟关闭界面的视觉效果
  1027.                     var mobileContainer = document.querySelector('.mobile-container');
  1028.                     if (mobileContainer) {
  1029.                         mobileContainer.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
  1030.                         mobileContainer.style.opacity = '0';
  1031.                         mobileContainer.style.transform = 'translateY(20px)';
  1032.                         
  1033.                         // 动画结束后隐藏元素
  1034.                         setTimeout(function() {
  1035.                             mobileContainer.style.display = 'none';
  1036.                         }, 500);
  1037.                     }
  1038.                 } catch (e) {
  1039.                     printl('调用JsWebView.close()失败: ' + e.message);
  1040.                 }
  1041.             };
  1042.         }
  1043.         
  1044.         // 模拟AIWROK原生环境的交互方法（兼容旧代码）
  1045.         // 在实际环境中，这些方法由原生应用提供
  1046.         if (typeof setConfig === 'undefined') {
  1047.             function setConfig(key, value) {
  1048.                 try {
  1049.                     // 优先使用本地存储保存配置
  1050.                     try {
  1051.                         localStorage.setItem(key, value);
  1052.                     } catch (localStorageError) {
  1053.                         console.warn('localStorage不可用:', localStorageError.message);
  1054.                         // 使用内存存储作为备选
  1055.                         if (!window._memoryStorage) {
  1056.                             window._memoryStorage = {};
  1057.                         }
  1058.                         window._memoryStorage[key] = value;
  1059.                     }
  1060.                     
  1061.                     // 尝试调用原生方法，但不依赖其成功
  1062.                     if (window.at && typeof window.at.setConfig === 'function') {
  1063.                         try {
  1064.                             window.at.setConfig(key, value);
  1065.                             showToast('配置设置成功');
  1066.                         } catch (nativeError) {
  1067.                             // 原生方法调用失败时，不显示错误信息，只使用本地存储
  1068.                             // 避免用户看到不必要的错误提示
  1069.                             showToast('配置已保存到本地');
  1070.                         }
  1071.                     } else {
  1072.                         showToast('设置配置: ' + key + ' = ' + value);
  1073.                     }
  1074.                 } catch (e) {
  1075.                     console.error('调用setConfig失败:', e.message);
  1076.                     showToast('配置保存成功');
  1077.                 }
  1078.             }
  1079.         }
  1080.         
  1081.         if (typeof getConfig === 'undefined') {
  1082.             function getConfig(key, callback) {
  1083.                 try {
  1084.                     if (window.at && typeof window.at.getConfig === 'function') {
  1085.                         window.at.getConfig(key, callback);
  1086.                     } else {
  1087.                         printl('window.at.getConfig 方法不可用，使用本地存储');
  1088.                         var value = '未设置';
  1089.                         // 尝试从本地存储获取
  1090.                         try {
  1091.                             value = localStorage.getItem(key) || '未设置';
  1092.                         } catch (e) {
  1093.                             console.warn('localStorage不可用:', e.message);
  1094.                         }
  1095.                         showResult('获取配置: ' + key + ' = ' + value);
  1096.                         if (typeof callback === 'function') {
  1097.                             callback(value);
  1098.                         }
  1099.                     }
  1100.                 } catch (e) {
  1101.                     printl('调用getConfig失败: ' + e.message);
  1102.                     if (typeof callback === 'function') {
  1103.                         callback('获取失败');
  1104.                     }
  1105.                 }
  1106.             }
  1107.         }

  1109.         // 完全移除toast模拟，避免与原生toast对象冲突
  1110.         // 统一使用showToast函数进行提示
  1111.         
  1112.         if (typeof printl === 'undefined') {
  1113.             function printl(message) {
  1114.                 try {
  1115.                     printl('原生日志: ' + message);
  1116.                     // 尝试调用原生printl函数
  1117.                     if (window.at && typeof window.at.callFunction === 'function') {
  1118.                         window.at.callFunction('printl', {message: message});
  1119.                     } else {
  1120.                         printl('window.at.callFunction 方法不可用，无法调用原生printl');
  1121.                     }
  1122.                     // 在H5页面上显示日志
  1123.                     if (typeof showResult === 'function') {
  1124.                         showResult(message);
  1125.                     }
  1126.                 } catch (e) {
  1127.                     printl('调用printl失败: ' + e.message);
  1128.                     // 确保日志至少在控制台输出
  1129.                     printl('printl错误日志: ' + message);
  1130.                 }
  1131.             }
  1132.         }
  1133.         
  1134.         if (typeof dismiss === 'undefined') {
  1135.             function dismiss() {
  1136.                 printl('关闭界面');
  1137.                 showToast('关闭界面操作');
  1138.                 window.at.callFunction('dismiss', {}, function(result) {
  1139.                     printl('关闭界面结果: ' + result);
  1140.                 });
  1141.                
  1142.                 // 模拟关闭界面的视觉效果
  1143.                 var mobileContainer = document.querySelector('.mobile-container');
  1144.                 if (mobileContainer) {
  1145.                     mobileContainer.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
  1146.                     mobileContainer.style.opacity = '0';
  1147.                     mobileContainer.style.transform = 'translateY(20px)';
  1148.                     
  1149.                     // 动画结束后隐藏元素
  1150.                     setTimeout(function() {
  1151.                         mobileContainer.style.display = 'none';
  1152.                     }, 500);
  1153.                 }
  1154.             }
  1155.         }
  1156.         
  1157.         // 添加runJS函数，用于运行原生JS代码
  1158.         if (typeof runJS === 'undefined') {
  1159.             function runJS(func) {
  1160.                 try {
  1161.                     // 获取完整的函数代码字符串
  1162.                     var jsCode = func.toString();
  1163.                     
  1164.                     // 显示执行状态
  1165.                     showToast('正在执行脚本...');
  1166.                     printl('执行JS代码: ' + jsCode.substring(0, 50) + (jsCode.length > 50 ? '...' : ''));
  1167.                     
  1168.                     if (window.at && typeof window.at.runJs === 'function') {
  1169.                         // 调用原生方法，与h5Demo.html保持一致
  1170.                         window.at.runJs(jsCode);
  1171.                         showToast('脚本执行成功');
  1172.                         showResult('已执行APP JS代码');
  1173.                     } else {
  1174.                         printl('window.at.runJs 方法不可用，尝试直接执行');
  1175.                         // 直接在本地执行函数
  1176.                         func();
  1177.                         showToast('脚本本地执行成功');
  1178.                         showResult('脚本本地执行成功');
  1179.                     }
  1180.                 } catch (e) {
  1181.                     printl('调用runJS失败: ' + e.message);
  1182.                     printl('错误堆栈: ' + e.stack);
  1183.                     showToast('脚本执行失败');
  1184.                     showResult('脚本执行失败: ' + e.message);
  1185.                 }
  1186.             }
  1187.         }
  1188.         
  1189.         // 添加runJSFile函数，用于运行原生JS文件
  1190.         if (typeof runJSFile === 'undefined') {
  1191.             function runJSFile(filePath) {
  1192.                 try {
  1193.                     if (window.at && typeof window.at.runJsFile === 'function') {
  1194.                         window.at.runJsFile(filePath);
  1195.                         showToast('运行JS文件成功');
  1196.                         showResult('已执行APP JS文件: ' + filePath);
  1197.                     } else {
  1198.                         printl('window.at.runJsFile 方法不可用，无法运行JS文件');
  1199.                         showToast('运行JS文件失败: ' + filePath);
  1200.                         showResult('运行JS文件失败: ' + filePath);
  1201.                     }
  1202.                 } catch (e) {
  1203.                     printl('调用runJSFile失败: ' + e.message);
  1204.                     showToast('运行JS文件失败');
  1205.                     showResult('运行JS文件失败: ' + e.message);
  1206.                 }
  1207.             }
  1208.         }
  1209.         
  1210.         // 添加callAppMain函数，用于调用原生应用主函数
  1211.         if (typeof callAppMain === 'undefined') {
  1212.             function callAppMain(funcName, params, callback) {
  1213.                 try {
  1214.                     if (window.at && typeof window.at.callFunction === 'function') {
  1215.                         // 调用原生方法并处理可能的异常
  1216.                         try {
  1217.                             window.at.callFunction(funcName, params, callback);
  1218.                             showToast('调用成功');
  1219.                         } catch (nativeError) {
  1220.                             printl('原生callFunction方法执行失败: ' + nativeError.message);
  1221.                             showToast('功能已执行');
  1222.                         }
  1223.                     } else {
  1224.                         printl('window.at.callFunction 方法不可用，尝试本地处理');
  1225.                         showToast('功能已执行');
  1226.                         showResult('功能已在本地环境处理');
  1227.                         if (typeof callback === 'function') {
  1228.                             callback(JSON.stringify({result: '功能已处理', message: '本地环境执行'}));
  1229.                         }
  1230.                     }
  1231.                 } catch (e) {
  1232.                     printl('调用callAppMain失败: ' + e.message);
  1233.                     showToast('功能已执行');
  1234.                     if (typeof callback === 'function') {
  1235.                         callback(JSON.stringify({result: '功能已处理', message: '已忽略兼容性警告'}));
  1236.                     }
  1237.                 }
  1238.             }
  1239.         }
  1240.         
  1241.         // 添加runAppJs函数，用于运行原生JS代码
  1242.         if (typeof runAppJs === 'undefined') {
  1243.             function runAppJs() {
  1244.                 try {
  1245.                     window.at.runJs(function() {
  1246.                         printl("H5触发APP执行JS代码");
  1247.                         // 这里可以执行任何APP端的JS代码
  1248.                     }.toString());
  1249.                     showResult("已执行APP JS代码");
  1250.                 } catch (e) {
  1251.                     showResult("执行APP JS代码失败: " + e);
  1252.                 }
  1253.             }
  1254.         }

  1256.         // 自定义Toast提示
  1257.         function showToast(message) {
  1258.             var toast = document.getElementById('custom-toast');
  1259.             if (!toast) {
  1260.                 toast = document.createElement('div');
  1261.                 toast.id = 'custom-toast';
  1262.                 toast.style.cssText =
  1263.                     'position: fixed;' +
  1264.                     'top: 50%;' +
  1265.                     'left: 50%;' +
  1266.                     'transform: translate(-50%, -50%);' +
  1267.                     'background: rgba(0, 0, 0, 0.7);' +
  1268.                     'color: white;' +
  1269.                     'padding: 12px 24px;' +
  1270.                     'border-radius: 8px;' +
  1271.                     'font-size: 14px;' +
  1272.                     'z-index: 9999;' +
  1273.                     'opacity: 0;' +
  1274.                     'transition: opacity 0.3s ease, transform 0.3s ease;' +
  1275.                     'transform: translate(-50%, -50%) scale(0.9);';
  1276.                 document.body.appendChild(toast);
  1277.             }
  1278.             
  1279.             if (toast.timer) {
  1280.                 clearTimeout(toast.timer);
  1281.             }
  1282.             
  1283.             toast.textContent = message;
  1284.             toast.style.opacity = '1';
  1285.             toast.style.transform = 'translate(-50%, -50%) scale(1)';
  1286.             
  1287.             toast.timer = setTimeout(function() {
  1288.                 toast.style.opacity = '0';
  1289.                 toast.style.transform = 'translate(-50%, -50%) scale(0.9)';
  1290.             }, 2000);
  1291.         }
  1292.         
  1293.         // 显示交互结果的函数已在页面顶部定义
  1294.         
  1295.         // 保存用户操作到配置
  1296.         function saveUserAction(action, value) {
  1297.             var timestamp = new Date().toISOString();
  1298.             printl('保存用户操作:' + action + ' 时间戳:' + timestamp);
  1299.             setConfig('last_' + action, timestamp);
  1300.             if (value) {
  1301.                 setConfig(action, value);
  1302.             }
  1303.         }
  1304.         
  1305.         // 添加按钮点击反馈
  1306.         function addButtonFeedback() {
  1307.             var buttons = document.querySelectorAll('.back-button, .run-button');
  1308.             for (var i = 0; i < buttons.length; i++) {
  1309.                 (function(button) {
  1310.                     button.addEventListener('mousedown', function() {
  1311.                         this.style.transform = 'scale(0.95)';
  1312.                     });
  1313.                     
  1314.                     button.addEventListener('mouseup', function() {
  1315.                         this.style.transform = 'scale(1)';
  1316.                     });
  1317.                     
  1318.                     button.addEventListener('mouseleave', function() {
  1319.                         this.style.transform = 'scale(1)';
  1320.                     });
  1321.                 })(buttons[i]);
  1322.             }
  1323.         }

  1325.         // AIWROK标准的返回按钮点击处理
  1326.         function handleBackButton() {
  1327.             printl('返回按钮被点击');
  1328.             saveUserAction('back_button_click');
  1329.             

  1331.             
  1332.             // 如果当前是第一页，关闭界面
  1333.             if (currentPageId === 1) {
  1334.                 showToast('关闭界面');
  1335.                 dismiss();
  1336.             } else {
  1337.                 // 从历史记录中移除当前页面
  1338.                 pageHistory.pop();
  1339.                 // 获取上一页的ID
  1340.                 var previousPageId = pageHistory[pageHistory.length - 1];
  1341.                
  1342.                 // 隐藏所有页面
  1343.                 var pages = document.querySelectorAll('.page');
  1344.                 for (var i = 0; i < pages.length; i++) {
  1345.                     pages[i].classList.remove('active');
  1346.                 }
  1347.                
  1348.                 // 显示上一页
  1349.                 var previousPage = document.getElementById('page' + previousPageId);
  1350.                 if (previousPage) {
  1351.                     previousPage.classList.add('active');
  1352.                 }
  1353.                
  1354.                 // 更新导航栏状态
  1355.                 var navItems = document.querySelectorAll('.top-nav-item');
  1356.                 for (var j = 0; j < navItems.length; j++) {
  1357.                     navItems[j].classList.remove('active');
  1358.                 }
  1359.                 navItems[previousPageId - 1].classList.add('active');
  1360.                
  1361.                 // 更新当前页面ID
  1362.                 currentPageId = previousPageId;
  1363.                
  1364.                 showToast('返回上一页');
  1365.                 printl('返回到页面: ' + previousPageId);
  1366.             }
  1367.         }

  1369.         // AIWROK标准的运行按钮点击处理 - 支持执行所有选中的脚本
  1370.         function handleRunButton(button) {
  1371.             // 如果按钮已经处于加载状态，不执行任何操作
  1372.             if (button.classList.contains('loading')) {
  1373.                 return;
  1374.             }
  1375.             
  1376.             printl('运行按钮被点击');
  1377.             saveUserAction('run_button_click');
  1378.             
  1379.             // 添加加载状态
  1380.             button.classList.add('loading');
  1381.             button.disabled = true;
  1382.             
  1383.             showToast('开始执行任务');
  1384.             
  1385.             // 根据当前页面执行对应的脚本
  1386.             var selectedItems = [];
  1387.             
  1388.             // 获取当前页面
  1389.             var currentPage = document.getElementById('page' + currentPageId);
  1390.             
  1391.             // 检查是否有选中的开关（checkbox）
  1392.             var checkboxes = currentPage.querySelectorAll('input[type="checkbox"]:checked');
  1393.             
  1394.             // 检查是否有选中的单选按钮（兼容旧代码）
  1395.             var radioButtons = currentPage.querySelectorAll('input[type="radio"]:checked');
  1396.             
  1397.             // 执行所有选中的开关对应的脚本
  1398.             if (checkboxes.length > 0) {
  1399.                 checkboxes.forEach(function(checkbox) {
  1400.                     var itemId = checkbox.value;
  1401.                     var label = checkbox.closest('.radio-item').querySelector('label').textContent;
  1402.                     
  1403.                     printl('执行脚本: ' + label);
  1404.                     selectedItems.push(label);
  1405.                     
  1406.                     // 根据不同页面和选择项执行不同的函数
  1407.                     executeScriptByPageAndItem(currentPageId, itemId, label);
  1408.                 });
  1409.             } else if (radioButtons.length > 0) {
  1410.                 // 兼容旧的单选按钮功能
  1411.                 var radioButton = radioButtons[0]; // 只取第一个选中的（应该只有一个）
  1412.                 var itemId = radioButton.value;
  1413.                 var label = radioButton.nextElementSibling.textContent;
  1414.                
  1415.                 printl('执行脚本: ' + label);
  1416.                 selectedItems.push(label);
  1417.                
  1418.                 executeScriptByPageAndItem(currentPageId, itemId, label);
  1419.             }
  1420.             
  1421.             // 如果没有选中任何任务
  1422.             if (selectedItems.length === 0) {
  1423.                 showToast('请先选择要执行的任务');
  1424.             }
  1425.             
  1426.             // 模拟任务执行过程
  1427.             setTimeout(function() {
  1428.                 // 移除加载状态
  1429.                 button.classList.remove('loading');
  1430.                 button.disabled = false;
  1431.                
  1432.                 // 显示执行完成提示
  1433.                 if (selectedItems.length > 0) {
  1434.                     showToast('任务执行完成');
  1435.                     
  1436.                     // 添加返回桌面功能，但保持H5界面打开以继续运行脚本
  1437.                     try {
  1438.                         window.at.runJs(function() {
  1439.                             printl("H5触发APP返回桌面");
  1440.                             auto.home(); // 返回桌面
  1441.                         }.toString());
  1442.                         showResult("已触发APP返回桌面");
  1443.                     } catch (e) {
  1444.                         showResult("返回桌面失败: " + e);
  1445.                     }
  1446.                 }
  1447.             }, 2000);
  1448.         }
  1449.         
  1450.         // 根据页面ID和选择项执行对应的脚本
  1451.         function executeScriptByPageAndItem(pageId, itemId, label) {
  1452.             // 根据不同页面和选择项执行不同的函数
  1453.             if (pageId === 1) {
  1454.                 // 第一页脚本
  1455.                 switch (itemId) {
  1456.                     case 'item1': runJS(function() { 抖音极速(); }); break;
  1457.                     case 'item2': runJS(function() { 快手极速(); }); break;
  1458.                     case 'item3': runJS(function() { 汽水音乐(); }); break;
  1459.                     case 'item4': runJS(function() { 番茄畅听音乐(); }); break;
  1460.                     case 'item5': runJS(function() { 西瓜视频(); }); break;
  1461.                     case 'item6': runJS(function() { 番茄畅听(); }); break;
  1462.                     case 'item7': runJS(function() { 番茄小说(); }); break;
  1463.                     case 'item8': runJS(function() { 悟空浏览器(); }); break;
  1464.                     case 'item9': runJS(function() { 红果短剧(); }); break;
  1465.                     case 'item10': runJS(function() { 头条广告单版(); }); break;
  1466.                     case 'item11': runJS(function() { 头条极速广告单版(); }); break;
  1467.                     case 'item12': runJS(function() { 喜番短剧(); }); break;
  1468.                     case 'item13': runJS(function() { 快手正式(); }); break;
  1469.                     case 'item14': runJS(function() { 苹果删除APP(); }); break;
  1470.                     case 'item15': runJS(function() { 测试函数2(); printl('测试2脚本已启动'); }); break;
  1471.                 }
  1472.             } else if (pageId === 2) {
  1473.                 // 第二页脚本
  1474.                 switch (itemId) {
  1475.                     case 'item21': runJS(function() { 喜番快手正式快手极速(); printl('喜番极速快手正式快手混跑脚本已启动'); }); break;
  1476.                     case 'item22': runJS(function() { 抖音极速西瓜汽水(); printl('极速抖音混跑脚本已启动'); }); break;
  1477.                     case 'item23': runJS(function() { 红果悟空番茄畅听音乐(); printl('红果混跑脚本已启动'); }); break;
  1478.                     case 'item24': runJS(function() { 番茄小说番茄畅听(); printl('番茄小说混跑脚本已启动'); }); break;
  1479.                     case 'item25': runJS(function() { 抖音极速西瓜汽水新手(); printl('西瓜视频脚本已启动'); }); break;
  1480.                     case 'item26': runJS(function() { 红果悟空番茄畅听音乐新手(); printl('番茄畅听脚本已启动'); }); break;
  1481.                     case 'item27': runJS(function() { 番茄小说番茄畅听新手(); printl('番茄小说脚本已启动'); }); break;
  1482.                     case 'item28': runJS(function() { 喜番快手正式快手极速新手模式(); printl('喜番快手正式快手极速新手模式已启动'); }); break;
  1483.                     case 'item29': runJS(function() { 喜番快手正式快手极速周期(); }); break;
  1484.                     case 'item30': runJS(function() { 抖音系周期做任务(); }); break;
  1485.                     case 'item31': runJS(function() { 抖音系周期养号(); }); break;
  1486.                 }
  1487.             } else if (pageId === 3) {
  1488.                 // 第三页脚本
  1489.                 switch (itemId) {
  1490.                     case 'item41': runJS(function() { 抖音系周期养号(); printl('抖音系周期养号脚本已启动'); }); break;
  1491.                     case 'item42': runJS(function() { 抖音系周期做任务(); printl('抖音系周期任务脚本已启动'); }); break;
  1492.                     case 'item43': runJS(function() { 喜番快手正式快手极速周期(); printl('喜番快手正式快手极速周期脚本已启动'); }); break;
  1493.                     case 'item44': runJS(function() { 抖音系新手模式(); printl('抖音系新手模式脚本已启动'); }); break;
  1494.                     case 'item45': runJS(function() { 快手系新手模式(); printl('快手系新手模式脚本已启动'); }); break;
  1495.                     case 'item46': runJS(function() { 番茄小说番茄畅听新手(); printl('番茄小说番茄畅听新手模式脚本已启动'); }); break;
  1496.                     case 'item47': runJS(function() { 红果悟空番茄畅听音乐新手(); printl('红果悟空番茄畅听音乐新手模式脚本已启动'); }); break;
  1497.                     case 'item48': runJS(function() { 抖音极速西瓜汽水新手(); printl('抖音极速西瓜汽水新手模式脚本已启动'); }); break;
  1498.                     case 'item49': runJS(function() { 快手系新手模式(); printl('快手系新手模式脚本已启动'); }); break;
  1499.                     case 'item50': runJS(function() { 番茄小说番茄畅听(); printl('番茄小说番茄畅听音乐脚本已启动'); }); break;
  1500.                     case 'item51': runJS(function() { 抖音极速西瓜汽水(); printl('抖音极速西瓜汽水脚本已启动'); }); break;
  1501.                     case 'item52': runJS(function() { 喜番快手正式快手极速(); printl('喜番快手正式快手极速脚本已启动'); }); break;
  1502.                 }
  1503.             } else if (pageId === 4) {
  1504.                 // 第四页备用脚本
  1505.                 switch (itemId) {
  1506.                     case 'item61': runJS(function() { 备用任务1(); printl('备用任务1脚本已启动'); }); break;
  1507.                     case 'item62': runJS(function() { 备用任务2(); printl('备用任务2脚本已启动'); }); break;
  1508.                     case 'item63': runJS(function() { 备用任务3(); printl('备用任务3脚本已启动'); }); break;
  1509.                     case 'item64': runJS(function() { 备用任务4(); printl('备用任务4脚本已启动'); }); break;
  1510.                     case 'item65': runJS(function() { 备用任务5(); printl('备用任务5脚本已启动'); }); break;
  1511.                     case 'item66': runJS(function() { 备用任务6(); printl('备用任务6脚本已启动'); }); break;
  1512.                     case 'item67': runJS(function() { 备用任务7(); printl('备用任务7脚本已启动'); }); break;
  1513.                     case 'item68': runJS(function() { 备用任务8(); printl('备用任务8脚本已启动'); }); break;
  1514.                     case 'item69': runJS(function() { 备用任务9(); printl('备用任务9脚本已启动'); }); break;
  1515.                     case 'item70': runJS(function() { 备用任务10(); printl('备用任务10脚本已启动'); }); break;
  1516.                 }
  1517.             }
  1518.         }



  1522.         // 页面历史记录，用于实现返回功能
  1523.         var pageHistory = [1]; // 初始页面是第一页
  1524.         var currentPageId = 1;

  1526.         // AIWROK标准的选择框/开关变化处理 - 支持多选开关
  1527.         function handleSelectChange(element) {
  1528.             var selectedValue = element.value;
  1529.             var selectedText;
  1530.             
  1531.             if (element.tagName === 'SELECT') {
  1532.                 // 处理下拉选择框（兼容旧代码）
  1533.                 selectedText = element.options[element.selectedIndex].text;
  1534.             } else if (element.tagName === 'INPUT') {
  1535.                 if (element.type === 'radio') {
  1536.                     // 处理单选按钮（兼容旧代码）
  1537.                     selectedText = element.nextElementSibling.textContent;
  1538.                 } else if (element.type === 'checkbox') {
  1539.                     // 处理开关（checkbox）
  1540.                     selectedText = element.closest('.radio-item').querySelector('label').textContent;
  1541.                 }
  1542.             }
  1543.             
  1544.             if (element.type === 'checkbox') {
  1545.                 // 处理开关的选中/取消选中状态
  1546.                 if (element.checked) {
  1547.                     printl('开启: ' + selectedText);
  1548.                     saveUserAction('toggle_' + element.id, 'on');
  1549.                 } else {
  1550.                     printl('关闭: ' + selectedText);
  1551.                     saveUserAction('toggle_' + element.id, 'off');
  1552.                 }
  1553.             } else if (selectedValue) {
  1554.                 printl('选中: ' + selectedText);
  1555.                 saveUserAction('select_' + element.id, selectedValue);
  1556.             } else {
  1557.                 printl('未选择任何任务');
  1558.                 saveUserAction('select_' + element.id, '');
  1559.             }
  1560.         }

  1562.         // 保持兼容旧的复选框变化处理函数
  1563.         function handleCheckboxChange(checkbox) {
  1564.             try {
  1565.                 var label = checkbox.nextElementSibling;
  1566.                 if (checkbox.checked) {
  1567.                     label.style.color = '#d32f2f';
  1568.                     label.style.fontWeight = '600';
  1569.                     printl('选中: ' + label.textContent);
  1570.                     saveUserAction('checkbox_' + checkbox.id, 'checked');
  1571.                 } else {
  1572.                     label.style.color = '#333';
  1573.                     label.style.fontWeight = 'normal';
  1574.                     printl('取消选中: ' + label.textContent);
  1575.                     saveUserAction('checkbox_' + checkbox.id, 'unchecked');
  1576.                 }
  1577.             } catch (e) {
  1578.                 printl('handleCheckboxChange错误: ' + e.message);
  1579.             }
  1580.         }

  1582.         // 页面切换函数
  1583.         function switchPage(pageId) {
  1584.             // 如果是当前页面，不进行切换
  1585.             if (currentPageId === pageId) {
  1586.                 return;
  1587.             }

  1589.             // 隐藏所有页面
  1590.             var pages = document.querySelectorAll('.page');
  1591.             for (var i = 0; i < pages.length; i++) {
  1592.                 pages[i].classList.remove('active');
  1593.             }

  1595.             // 显示选中的页面
  1596.             var selectedPage = document.getElementById('page' + pageId);
  1597.             if (selectedPage) {
  1598.                 selectedPage.classList.add('active');
  1599.             }

  1601.             // 更新导航栏状态
  1602.             var navItems = document.querySelectorAll('.top-nav-item');
  1603.             for (var j = 0; j < navItems.length; j++) {
  1604.                 navItems[j].classList.remove('active');
  1605.             }
  1606.             navItems[pageId - 1].classList.add('active');

  1608.             // 记录页面历史
  1609.             pageHistory.push(pageId);
  1610.             currentPageId = pageId;

  1612.             printl('切换到页面: ' + pageId);
  1613.         }

  1615.         // 页面加载完成后初始化
  1616.         window.onload = function() {
  1617.             printl('页面加载完成');
  1618.             
  1619.             // 执行APP JS文件，与h5Demo.html保持一致
  1620.             if (window.at && typeof window.at.runJsFile === 'function') {
  1621.                 window.at.runJsFile("主脚本.js");
  1622.                 printl('已执行APP JS文件: 主脚本.js');
  1623.             } else {
  1624.                 printl('runJsFile方法不可用，尝试使用script标签加载');
  1625.                 // 使用script标签加载主脚本
  1626.                 var scriptTag = document.createElement('script');
  1627.                 scriptTag.src = '主脚本.js';
  1628.                 scriptTag.onload = function() {
  1629.                     printl('主脚本.js已通过script标签加载完成');
  1630.                 };
  1631.                 scriptTag.onerror = function() {
  1632.                     printl('主脚本.js加载失败');
  1633.                 };
  1634.                 document.body.appendChild(scriptTag);
  1635.             }
  1636.             
  1637.             // 为导航栏添加点击事件
  1638.             var navItems = document.querySelectorAll('.top-nav-item');
  1639.             for (var i = 0; i < navItems.length; i++) {
  1640.                 (function(index) {
  1641.                     navItems[index].addEventListener('click', function(e) {
  1642.                         e.preventDefault();
  1643.                         switchPage(index + 1);
  1644.                     });
  1645.                 })(i);
  1646.             }
  1647.             
  1648.             // 添加按钮点击反馈
  1649.             addButtonFeedback();
  1650.             
  1651.             printl('初始化完成，所有交互功能已就绪');
  1652.         };
  1653.     </script>
  1654. </body>
  1655. </html>
复制代码






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