Refactor index.html to include a Content Security Policy and link to the new main.js; remove inline script for improved organization. Delete old main.js file to streamline codebase.

Sjj1024 · Sjj1024 · commit 4ecac519f9f6 · 2025-06-01T19:05:03.000+08:00
diff --git a/app/src/main/assets/index.html b/app/src/main/assets/index.html
@@ -3,32 +3,14 @@
     <head>
         <meta charset="UTF-8" />
         <link rel="stylesheet" href="./styles.css" />
+        <meta
+            http-equiv="Content-Security-Policy"
+            content="default-src * 'unsafe-inline' 'unsafe-eval'"
+        />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Tauri App</title>
-        <!-- <script type="module" src="./main.js" defer></script> -->
-        <script>
-            window.addEventListener('DOMContentLoaded', () => {
-                console.log('DOMContentLoaded-----')
-                const getdata = document.querySelector('#getdata')
-                getdata.addEventListener('click', (e) => {
-                    e.preventDefault()
-                    console.log('getdata')
-                    fetch('https://api.github.com/users/octocat')
-                        .then((response) => response.json())
-                        .then((data) => {
-                            console.log('data', data)
-                            const greetMsgEl =
-                                document.querySelector('#greet-msg')
-                            greetMsgEl.textContent = data.login
-                        })
-                        .catch((error) => {
-                            console.error('error', error)
-                        })
-                })
-            })
-        </script>
+        <script src="main.js"></script>
     </head>
-
     <body>
         <main class="container">
             <h1>Welcome to TauriMan</h1>
@@ -62,6 +44,7 @@ <h1>Welcome to TauriMan</h1>
                 <input id="greet-input" placeholder="Enter a name..." />
                 <button type="submit" id="getdata">GET DATA</button>
             </form>
+            <button onclick="sayHello()">点击我</button>
             <p id="greet-msg"></p>
             <video
                 src="https://files.pakeplus.com/test.mp4"
diff --git a/app/src/main/assets/js/main.js b/app/src/main/assets/js/main.js
@@ -1,3 +1,5 @@
+console.log('main.js---')
+
 window.addEventListener('DOMContentLoaded', () => {
     console.log('DOMContentLoaded-----')
     const getdata = document.querySelector('#getdata')
diff --git a/app/src/main/assets/main.js b/app/src/main/assets/main.js
@@ -0,0 +1,25 @@
+function sayHello() {
+    alert('你好，这是本地JS代码！')
+}
+
+
+console.log('main.js---')
+
+window.addEventListener('DOMContentLoaded', () => {
+    console.log('DOMContentLoaded-----')
+    const getdata = document.querySelector('#getdata')
+    getdata.addEventListener('click', (e) => {
+        e.preventDefault()
+        console.log('getdata')
+        fetch('https://api.github.com/users/octocat')
+            .then((response) => response.json())
+            .then((data) => {
+                console.log('data', data)
+                const greetMsgEl = document.querySelector('#greet-msg')
+                greetMsgEl.textContent = data.login
+            })
+            .catch((error) => {
+                console.error('error', error)
+            })
+    })
+})
diff --git a/app/src/main/java/com/app/pakeplus/MainActivity.kt b/app/src/main/java/com/app/pakeplus/MainActivity.kt
@@ -64,7 +64,6 @@ class MainActivity : AppCompatActivity() {
         webView.settings.loadWithOverviewMode = true
         webView.settings.setSupportZoom(false)
 
-
         // clear cache
         webView.clearCache(true)
 

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+console.log('main.js---')`
	`2`	`+`
`1`	`3`	`window.addEventListener('DOMContentLoaded', () => {`
`2`	`4`	`console.log('DOMContentLoaded-----')`
`3`	`5`	`const getdata = document.querySelector('#getdata')`