windows 初版

网页手机端初版
2024-04-01 21:41:42 +08:00 · 2024-03-31 20:15:43 +08:00
8 changed files with 388 additions and 189 deletions
--- a/lib/JavaScriptString.dart
+++ b/lib/JavaScriptString.dart
@ -1,20 +1,102 @@
 class JavaScriptString {
  /// 点击监听
-  static String clickEventkJSString =
+  static String clickEventJSString =
      '''document.addEventListener('click', function(event) {
  var x = event.clientX;
  var y = event.clientY;

  console.log('点击坐标：x=' + x + ', y=' + y);
-  window.flutter_inappwebview.callHandler('Click', x, y);
+  window.flutter_inappwebview.callHandler('click', x, y);
  
 });''';

+  /// 触摸监听
+  static String touchendEventJSString =
+      '''document.addEventListener('touchend', function(event) {
+  var x = event.changedTouches[0].clientX;
+  var y = event.changedTouches[0].clientY;
+  
+  // 获取目标元素
+    var target = event.target;
+    
+    // 获取目标元素的class和id
+    var targetClass = target.className;
+    var targetId = target.id;
+    
+    console.log('Class: ' + targetClass);
+    console.log('Id: ' + targetId);
+
+  console.log('触摸坐标：x=' + x + ', y=' + y);
+  window.flutter_inappwebview.callHandler('touchend', x, y);
+  
+});''';
+
+  /// 退出登录
+  static String loginOutJsString = '''
+        \$.ajax({
+            type: "GET",
+            url: "/api/logout.do",
+            success: function(t) {
+                "index.html" != location.pathname ? window.location.href = "index.html" : location.reload()
+            },
+            error: function(t) {
+                var e = \$.parseJSON(t.responseText + "");
+                alert(e.msg, 2)
+            }
+        })
+    ''';
+
  /// 模拟点击
  static String clickJSString(int x, int y) {
    return 'document.elementFromPoint($x, $y).click();';
  }

+  /// 模拟触摸
+  static String touchendJsString(int x, int y) {
+    return '''
+    
+    ''';
+  }
+
+  /// 模拟触摸
+  static String getClassTouchendJsString(int x, int y) {
+    return '''
+    try{
+    // 获取鼠标点击位置的坐标
+var x = $x;
+var y = $y;
+
+// 创建一个touchstart事件
+var touchstartEvent = new TouchEvent('touchstart', {
+  bubbles: true,
+  cancelable: true,
+  view: window,
+  changedTouches: [new Touch({ identifier: Date.now(), target: document.body, clientX: x, clientY: y })],
+  targetTouches: [new Touch({ identifier: Date.now(), target: document.body, clientX: x, clientY: y })]
+});
+
+// touchstartEvent
+document.body.dispatchEvent(touchstartEvent);
+
+// 创建一个touchend事件
+var touchendEvent = new TouchEvent('touchend', {
+  bubbles: true,
+  cancelable: true,
+  view: window,
+  changedTouches: [new Touch({ identifier: Date.now(), target: document.body, clientX: x, clientY: y })],
+  targetTouches: [new Touch({ identifier: Date.now(), target: document.body, clientX: x, clientY: y })]
+});
+
+// 触发touchend事件
+document.body.dispatchEvent(touchendEvent);
+
+} catch (t) {
+                console.log('模拟触摸错误 -- ' + t);
+            }
+
+    ''';
+  }
+
  /// 输入
  static String inputJsString(int value) {
    return '''
@ -24,7 +106,7 @@ var inputEvent = new Event('input', {
  cancelable: true,
 });

-var inputElement = document.querySelector(".bet-money");
+var inputElement = document.querySelector(".input");

 inputElement.value = "$value";

--- a/lib/main.dart
+++ b/lib/main.dart
@ -1,8 +1,12 @@
 import 'package:flutter/material.dart';
 import 'package:web_synchronization_tool/main_page.dart';
 import 'package:web_synchronization_tool/windows/windows_main_page.dart';
+import 'package:webview_windows/webview_windows.dart';
+
+void main() async {
+
+  // await InAppWebViewController.setWebContentsDebuggingEnabled(true);

-void main() {
  runApp(const MyApp());
 }

@ -18,8 +22,8 @@ class MyApp extends StatelessWidget {
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
-      home: const MainPage(),
-      // home: const WindowsPage(),
+      // home: const MainPage(),
+      home: const WindowsPage(),
    );
  }
 }
--- a/lib/main_page.dart
+++ b/lib/main_page.dart
@ -1,116 +1,145 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_inappwebview/flutter_inappwebview.dart';
-import 'package:web_synchronization_tool/web_widget.dart';
-
-import 'JavaScriptString.dart';
-
-class MainPage extends StatefulWidget {
-  const MainPage({super.key});
-
-  @override
-  State<MainPage> createState() => _MainPageState();
-}
-
-class _MainPageState extends State<MainPage> {
-
-  late InAppWebViewController mainController;
-  late InAppWebViewController controller;
-
-  @override
-  void initState() {
-    super.initState();
-
-
-  }
-
-  /// 注入点击监听
-  addClickEventJS(){
-
-    final clickJsUS = UserScript(groupName: 'click',source: JavaScriptString.clickEventkJSString, injectionTime: UserScriptInjectionTime.AT_DOCUMENT_START);
-
-    mainController.addUserScript(userScript: clickJsUS);
-
-    mainController.addJavaScriptHandler(handlerName: 'Click', callback: (args){
-      controller.evaluateJavascript(source: JavaScriptString.clickJSString(args.first, args.last) );
-    });
-
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      body: Column(
-        children: [
-          Container(
-            height: 50,
-            color: Colors.white,
-            padding: const EdgeInsets.symmetric(horizontal: 50),
-            child: Row(
-              children: [
-                TextButton(
-                    onPressed: () {
-                      controller.evaluateJavascript(source: JavaScriptString.clickJSString(600, 280) );
-                    },
-                    child: const Text('模拟点击测试')),
-                TextButton(
-                    onPressed: () {
-                      mainController.evaluateJavascript(source: JavaScriptString.inputJsString(45) );
-                      controller.evaluateJavascript(source: JavaScriptString.inputJsString(45) );
-                    },
-                    child: const Text('模拟输入测试')),
-                const SizedBox(
-                  width: 50,
-                  child: TextField(
-                    keyboardType: TextInputType.number,
-                    decoration: InputDecoration(prefixText: '网页数量'),
-                  ),
-                )
-              ],
-            ),
-          ),
-          Expanded(child: pageViewWidget()),
-        ],
-      ),
-    );
-  }
-
-  Widget pageViewWidget() {
-    return PageView(
-      children: <Widget>[
-        KeepAlivePage(
-          child: WebWidget(controlerCallBack: (_mainController) {
-            mainController = _mainController;
-          
-            addClickEventJS();
-          }),
-        ),
-        KeepAlivePage(
-          child: WebWidget(controlerCallBack: (_controller) {
-            controller = _controller;
-          }),
-        )
-      ],
-    );
-  }
-
-}
-
-class KeepAlivePage extends StatefulWidget {
-  final Widget child;
-
-  KeepAlivePage({super.key , required this.child});
-
-  @override
-  _KeepAlivePageState createState() => _KeepAlivePageState();
-}
-
-class _KeepAlivePageState extends State<KeepAlivePage> with AutomaticKeepAliveClientMixin {
-  @override
-  bool get wantKeepAlive => true;
-
-  @override
-  Widget build(BuildContext context) {
-    super.build(context);
-    return widget.child;
-  }
-}
+//
+// import 'package:flutter/material.dart';
+// import 'package:flutter_inappwebview/flutter_inappwebview.dart';
+// import 'package:web_synchronization_tool/web_widget.dart';
+//
+// import 'JavaScriptString.dart';
+//
+// class MainPage extends StatefulWidget {
+//   const MainPage({super.key});
+//
+//   @override
+//   State<MainPage> createState() => _MainPageState();
+// }
+//
+// class _MainPageState extends State<MainPage> {
+//
+//   late InAppWebViewController mainController;
+//   late InAppWebViewController controller;
+//
+//   bool asyncState = false;
+//
+//   @override
+//   void initState() {
+//     super.initState();
+//
+//   }
+//
+//   @override
+//   void dispose() {
+//     super.dispose();
+//
+//     WebStorageManager.instance().deleteAllData();
+//   }
+//
+//   /// 注入触摸监听
+//   addTouchendEventJS(){
+//
+//     final clickJsUS = UserScript(groupName: 'touchend',source: JavaScriptString.touchendEventJSString, injectionTime: UserScriptInjectionTime.AT_DOCUMENT_START);
+//     mainController.addUserScript(userScript: clickJsUS);
+//
+//     mainController.addJavaScriptHandler(handlerName: 'touchend', callback: (args){
+//       if (asyncState){
+//         int x = double.parse(args.first.toString()).toInt();
+//         int y = double.parse(args.last.toString()).toInt();
+//         controller.evaluateJavascript(source: JavaScriptString.clickJSString(x, y) );
+//         // controller.evaluateJavascript(source: JavaScriptString.touchendJsString(x, y) );
+//         // controller.evaluateJavascript(source: JavaScriptString.getClassTouchendJsString(x, y) );
+//       }
+//     });
+//
+//   }
+//
+//   @override
+//   Widget build(BuildContext context) {
+//     return Scaffold(
+//       body: Column(
+//         crossAxisAlignment: CrossAxisAlignment.stretch,
+//         children: [
+//           Container(
+//             height: 50,
+//             color: Colors.white,
+//             padding: const EdgeInsets.symmetric(horizontal: 50),
+//             child: Row(
+//               children: [
+//                 TextButton(
+//                     onPressed: () {
+//                       controller.evaluateJavascript(source: JavaScriptString.clickJSString(50, 100) );
+//                     },
+//                     child: const Text('模拟点击测试')),
+//                 TextButton(
+//                     onPressed: () {
+//                       mainController.evaluateJavascript(source: JavaScriptString.inputJsString(45) );
+//                       controller.evaluateJavascript(source: JavaScriptString.inputJsString(45) );
+//                     },
+//                     child: const Text('模拟输入测试')),
+//                 Row(
+//                   children: [
+//                     const Text('同步'),
+//                     Switch(value: asyncState, onChanged: (value){
+//                       setState(() {
+//                         asyncState = value;
+//                       });
+//                     })
+//                   ],
+//                 )
+//               ],
+//             ),
+//           ),
+//           Expanded(child: pageViewWidget()),
+//         ],
+//       ),
+//     );
+//   }
+//
+//   Widget pageViewWidget() {
+//     return Row(
+//       children: <Widget>[
+//         Expanded(
+//           child: Container(
+//             color: Colors.yellow,
+//             child: KeepAlivePage(
+//               child: WebWidget(controlerCallBack: (_mainController) {
+//                 mainController = _mainController;
+//
+//                 addTouchendEventJS();
+//
+//               }),
+//             ),
+//           ),
+//         ),
+//         Expanded(
+//           child: Container(
+//             color: Colors.blue,
+//             child: KeepAlivePage(
+//               child: WebWidget(controlerCallBack: (_controller) {
+//                 controller = _controller;
+//               }),
+//             ),
+//           ),
+//         )
+//       ],
+//     );
+//   }
+//
+// }
+//
+// class KeepAlivePage extends StatefulWidget {
+//   final Widget child;
+//
+//   KeepAlivePage({super.key , required this.child});
+//
+//   @override
+//   _KeepAlivePageState createState() => _KeepAlivePageState();
+// }
+//
+// class _KeepAlivePageState extends State<KeepAlivePage> with AutomaticKeepAliveClientMixin {
+//   @override
+//   bool get wantKeepAlive => true;
+//
+//   @override
+//   Widget build(BuildContext context) {
+//     super.build(context);
+//     return widget.child;
+//   }
+// }
--- a/lib/web_widget.dart
+++ b/lib/web_widget.dart
@ -1,31 +1,42 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_inappwebview/flutter_inappwebview.dart';
-import 'package:web_synchronization_tool/JavaScriptString.dart';
-
-class WebWidget extends StatefulWidget {
-  WebWidget({super.key, required this.controlerCallBack});
-
-  final Function(InAppWebViewController) controlerCallBack;
-
-  @override
-  State<WebWidget> createState() => _WebWidgetState();
-}
-
-class _WebWidgetState extends State<WebWidget> {
-  @override
-  void initState() {
-    super.initState();
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return InAppWebView(
-      initialUrlRequest:
-          URLRequest(url: WebUri('http://www.df6831.com/game/')),
-      initialSettings: InAppWebViewSettings(initialScale: 200,loadWithOverviewMode: false,useWideViewPort: false),
-      onWebViewCreated: (_controller) {
-        widget.controlerCallBack(_controller);
-      },
-    );
-  }
-}
+// import 'package:flutter/material.dart';
+// import 'package:flutter_inappwebview/flutter_inappwebview.dart';
+// import 'package:web_synchronization_tool/JavaScriptString.dart';
+//
+// class WebWidget extends StatefulWidget {
+//   WebWidget({super.key, required this.controlerCallBack});
+//
+//   final Function(InAppWebViewController) controlerCallBack;
+//
+//   @override
+//   State<WebWidget> createState() => _WebWidgetState();
+// }
+//
+// class _WebWidgetState extends State<WebWidget> {
+//   @override
+//   void initState() {
+//     super.initState();
+//   }
+//
+//   @override
+//   Widget build(BuildContext context) {
+//     return InAppWebView(
+//       initialUrlRequest:
+//       URLRequest(url: WebUri('http://www.df6831.com/mobile')),//
+//       initialSettings: InAppWebViewSettings(
+//         // initialScale: 180,
+//         loadWithOverviewMode: false,
+//         useWideViewPort: false,
+//         // preferredContentMode: UserPreferredContentMode.MOBILE,
+//         // cacheEnabled: false, //启用缓存
+//         // clearSessionCache: true,//清除会话缓存
+//         // databaseEnabled:false, // 启用数据库
+//         // domStorageEnabled: false,//启用 dom 存储
+//         incognito: true, //隐身模式
+//         sharedCookiesEnabled: false, // 共享Cookie
+//       ),
+//       onWebViewCreated: (_controller) {
+//         widget.controlerCallBack(_controller);
+//       },
+//     );
+//   }
+// }
--- a/lib/windows/windowsJs.dart
+++ b/lib/windows/windowsJs.dart
@ -0,0 +1,56 @@
+class WindowsJs {
+  /// 点击监听
+  static String clickEventJs = '''
+    document.addEventListener('click', function(event) {
+    var x = event.clientX;
+    var y = event.clientY;
+
+    var value = {"x":x,"y":y};
+    window.chrome.webview.postMessage(value);
+    
+    // 检查点击的元素是否有类名为 'btn'
+  if (event.target.classList.contains('btn')) {
+    // 获取按钮上显示的文本内容
+    var buttonText = event.target.innerText;
+    
+    var btn = {"x":"成功获取到btn","y":buttonText};
+    window.chrome.webview.postMessage(btn);
+    
+    // 阻止默认的链接跳转行为
+    event.preventDefault();
+    
+    // 在当前窗口打开目标地址
+    window.location.href = "http://www.df6831.com/game/";
+    
+  }
+    
+  });''';
+
+  /// 模拟点击
+  static String clickJs(int x, int y) {
+    return 'document.elementFromPoint($x, $y).click();';
+  }
+
+  /// 输入
+  static String inputJsString(int value) {
+    return '''
+      var inputEvent = new Event('input', {
+        bubbles: true,
+        cancelable: true,
+      });
+      var inputElement = document.querySelector(".input");
+      inputElement.value = "$value";
+      inputElement.dispatchEvent(inputEvent);
+    ''';
+  }
+
+  static String zoom(int zoom){
+    assert(zoom >= 1 && zoom <= 100, 'zoom 1 到 100');
+    return '''
+      // document.body.style.zoom = "$zoom%";
+      document.body.style.transformOrigin = 'top left';
+      document.body.style.transform = 'scale(${zoom / 100})';
+    ''';
+  }
+
+}
--- a/lib/windows/windows_main_page.dart
+++ b/lib/windows/windows_main_page.dart
@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:web_synchronization_tool/windows/windowsJs.dart';
 import 'windows_web_page.dart';
 import 'package:webview_windows/webview_windows.dart';

@ -25,6 +26,7 @@ class _WindowsPageState extends State<WindowsPage> {
  }

  Future controllerInit() async {
+
    await mainController.initialize();
    await controller.initialize();

@ -33,7 +35,6 @@ class _WindowsPageState extends State<WindowsPage> {
    controller.clearCache();
    controller.clearCookies();

-
    mainController.loadUrl('http://www.df6831.com/');
    controller.loadUrl('http://www.df6831.com/');

@ -42,22 +43,27 @@ class _WindowsPageState extends State<WindowsPage> {
    setState(() {
      initDone = true;
    });
+
+    // controller.setUserAgent('Mobile');
+
+    /// 通道消息
+    mainController.webMessage.listen((event) {
+      print('mainController listen -- $event');
+      controller.executeScript(WindowsJs.clickJs(event['x'], event['y']));
+    });
+
+    /// 通道消息
+    controller.webMessage.listen((event) {
+      // print('controller listen -- $event');
+    });
+
+
  }

  /// 注入点击监听
  addClickEventJS() {
-
-    controller.executeScript('document.documentElement.innerHTML').then((value){
-      print(value);
-    });
-
-    mainController.addScriptToExecuteOnDocumentCreated(
-        JavaScriptString.clickEventkJSString).then((value){
-          print(value);
-    });
-
-
-
+    mainController.addScriptToExecuteOnDocumentCreated(WindowsJs.clickEventJs);
+    controller.addScriptToExecuteOnDocumentCreated(WindowsJs.clickEventJs);
  }

  @override
@ -75,33 +81,39 @@ class _WindowsPageState extends State<WindowsPage> {
              children: [
                TextButton(
                    onPressed: () {
-                      controller.executeScript(
-                          JavaScriptString.clickJSString(600, 280)).then((value){
-                            print(value);
-                      });
+                      mainController.executeScript(WindowsJs.clickJs(200, 900));
+                      // controller.executeScript(WindowsJs.clickJs(600, 100));
                    },
                    child: const Text('模拟点击测试')),
                TextButton(
                    onPressed: () {
-                      mainController
-                          .executeScript(JavaScriptString.inputJsString(45));
-                      controller
-                          .executeScript(JavaScriptString.inputJsString(45));
+                      mainController.executeScript(WindowsJs.inputJsString(45));
+                      controller.executeScript(WindowsJs.inputJsString(45));
                    },
                    child: const Text('模拟输入测试')),
                TextButton(
                    onPressed: () {
-                      mainController.loadUrl('http://www.df6831.com/game/');
-                      // controller.loadUrl('http://www.df6831.com/game/');
+                      mainController.loadUrl('http://www.df6831.com/');
                    },
-                    child: const Text('跳转')),
-                const SizedBox(
-                  width: 50,
-                  child: TextField(
-                    keyboardType: TextInputType.number,
-                    decoration: InputDecoration(prefixText: '网页数量'),
-                  ),
-                )
+                    child: const Text('跳转首页')),
+                TextButton(
+                    onPressed: () {
+                      mainController.executeScript(WindowsJs.zoom(70));
+                      controller.executeScript(WindowsJs.zoom(40));
+                    },
+                    child: const Text('缩放')),
+                TextButton(
+                    onPressed: () {
+                      mainController.openDevTools();
+                    },
+                    child: const Text('开发者')),
+                TextButton(
+                    onPressed: () {
+                      mainController.clearCookies();
+                      mainController.clearCache();
+                    },
+                    child: const Text('清除缓存')),
+
              ],
            ),
          ),
@ -115,12 +127,16 @@ class _WindowsPageState extends State<WindowsPage> {
  Widget pageViewWidget() {
    return Row(
      children: [
-        Expanded(
+        SizedBox(
+          width: 1000,
+          height: 1000,
          child: WindowsWebWidget(
            controller: mainController,
          ),
        ),
-        Expanded(
+        SizedBox(
+          width: 500,
+          height:400,
          child: WindowsWebWidget(
            controller: controller,
          ),
--- a/lib/windows/windows_web_page.dart
+++ b/lib/windows/windows_web_page.dart
@ -21,7 +21,7 @@ class _WindowsWebWidgetState extends State<WindowsWebWidget> {
  }

  Widget inWindowsWebView(){
-    return Webview(widget.controller,);
+    return Webview(widget.controller);
  }

 }
--- a/pubspec.yaml
+++ b/pubspec.yaml
@ -12,8 +12,9 @@ dependencies:
    sdk: flutter

  cupertino_icons: ^1.0.2
-  flutter_inappwebview: ^6.0.0
-  webview_windows: ^0.4.0
+  webview_windows:
+    path: ../flutter-webview-windows-main
+  window_manager:

 dev_dependencies:
  flutter_test:
Author	SHA1	Message	Date
WoNiu	bda8bb5570	windows 初版	2024-04-01 21:41:42 +08:00
WoNiu	87b3157e14	网页手机端初版	2024-03-31 20:15:43 +08:00