网页手机端初版

2024-03-31 20:15:43 +08:00 · 2024-03-31 20:15:43 +08:00 · 87b3157e14
parent cef3227375
commit 87b3157e14
5 changed files with 157 additions and 31 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:flutter_inappwebview/flutter_inappwebview.dart';
 import 'package:web_synchronization_tool/main_page.dart';
 import 'package:web_synchronization_tool/windows/windows_main_page.dart';

-void main() {
+void main() async {
+
+  // await InAppWebViewController.setWebContentsDebuggingEnabled(true);
+
  runApp(const MyApp());
 }

--- a/lib/main_page.dart
+++ b/lib/main_page.dart
@ -1,3 +1,4 @@
+
 import 'package:flutter/material.dart';
 import 'package:flutter_inappwebview/flutter_inappwebview.dart';
 import 'package:web_synchronization_tool/web_widget.dart';
@ -16,22 +17,35 @@ class _MainPageState extends State<MainPage> {
  late InAppWebViewController mainController;
  late InAppWebViewController controller;

+  bool asyncState = false;
+
  @override
  void initState() {
    super.initState();

-
  }

-  /// 注入点击监听
-  addClickEventJS(){
+  @override
+  void dispose() {
+    super.dispose();

-    final clickJsUS = UserScript(groupName: 'click',source: JavaScriptString.clickEventkJSString, injectionTime: UserScriptInjectionTime.AT_DOCUMENT_START);
+    WebStorageManager.instance().deleteAllData();
+  }

+  /// 注入触摸监听
+  addTouchendEventJS(){
+
+    final clickJsUS = UserScript(groupName: 'touchend',source: JavaScriptString.touchendEventJSString, injectionTime: UserScriptInjectionTime.AT_DOCUMENT_START);
    mainController.addUserScript(userScript: clickJsUS);

-    mainController.addJavaScriptHandler(handlerName: 'Click', callback: (args){
-      controller.evaluateJavascript(source: JavaScriptString.clickJSString(args.first, args.last) );
+    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) );
+      }
    });

  }
@ -40,6 +54,7 @@ class _MainPageState extends State<MainPage> {
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
+        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: [
          Container(
            height: 50,
@ -49,7 +64,7 @@ class _MainPageState extends State<MainPage> {
              children: [
                TextButton(
                    onPressed: () {
-                      controller.evaluateJavascript(source: JavaScriptString.clickJSString(600, 280) );
+                      controller.evaluateJavascript(source: JavaScriptString.clickJSString(50, 100) );
                    },
                    child: const Text('模拟点击测试')),
                TextButton(
@ -58,12 +73,15 @@ class _MainPageState extends State<MainPage> {
                      controller.evaluateJavascript(source: JavaScriptString.inputJsString(45) );
                    },
                    child: const Text('模拟输入测试')),
-                const SizedBox(
-                  width: 50,
-                  child: TextField(
-                    keyboardType: TextInputType.number,
-                    decoration: InputDecoration(prefixText: '网页数量'),
-                  ),
+                Row(
+                  children: [
+                    const Text('同步'),
+                    Switch(value: asyncState, onChanged: (value){
+                      setState(() {
+                        asyncState = value;
+                      });
+                    })
+                  ],
                )
              ],
            ),
@ -75,19 +93,30 @@ class _MainPageState extends State<MainPage> {
  }

  Widget pageViewWidget() {
-    return PageView(
+    return Row(
      children: <Widget>[
-        KeepAlivePage(
-          child: WebWidget(controlerCallBack: (_mainController) {
-            mainController = _mainController;
-          
-            addClickEventJS();
-          }),
+        Expanded(
+          child: Container(
+            color: Colors.yellow,
+            child: KeepAlivePage(
+              child: WebWidget(controlerCallBack: (_mainController) {
+                mainController = _mainController;
+
+                addTouchendEventJS();
+
+              }),
+            ),
+          ),
        ),
-        KeepAlivePage(
-          child: WebWidget(controlerCallBack: (_controller) {
-            controller = _controller;
-          }),
+        Expanded(
+          child: Container(
+            color: Colors.blue,
+            child: KeepAlivePage(
+              child: WebWidget(controlerCallBack: (_controller) {
+                controller = _controller;
+              }),
+            ),
+          ),
        )
      ],
    );
--- a/lib/web_widget.dart
+++ b/lib/web_widget.dart
@ -21,8 +21,19 @@ class _WebWidgetState extends State<WebWidget> {
  Widget build(BuildContext context) {
    return InAppWebView(
      initialUrlRequest:
-          URLRequest(url: WebUri('http://www.df6831.com/game/')),
-      initialSettings: InAppWebViewSettings(initialScale: 200,loadWithOverviewMode: false,useWideViewPort: false),
+      URLRequest(url: WebUri('http://www.df6831.com')),
+      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/windows_main_page.dart
+++ b/lib/windows/windows_main_page.dart
@ -52,7 +52,7 @@ class _WindowsPageState extends State<WindowsPage> {
    });

    mainController.addScriptToExecuteOnDocumentCreated(
-        JavaScriptString.clickEventkJSString).then((value){
+        JavaScriptString.clickEventJSString).then((value){
          print(value);
    });