diff --git a/AppScope/resources/base/media/app_icon.png b/AppScope/resources/base/media/app_icon.png
index ce307a8827bd75456441ceb57d530e4c8d45d36c..a39445dc87828b76fed6d2ec470dd455c45319e3 100644
Binary files a/AppScope/resources/base/media/app_icon.png and b/AppScope/resources/base/media/app_icon.png differ
diff --git a/README.en.md b/README.en.md
new file mode 100644
index 0000000000000000000000000000000000000000..9e368595eed57bc453c2c251937bf4ed4a9f3f41
--- /dev/null
+++ b/README.en.md
@@ -0,0 +1,54 @@
+# JS Injection and Execution
+
+### Overview
+
+Based on HTML5 games, this sample uses the ArkUI component **\<button>** to implement basic game control. This sample demonstrates the JS injection and execution capabilities of the WebView component and the communication capabilities between native applications and HTML5.
+
+### Preview
+
+| Home page                        |
+|----------------------------------|
+| ![](screenshots/device/main.png) |
+
+How to Use
+
+1. Connect the device to the hotspot to access the Internet.
+
+2. Open the app and control the game using the buttons on the screen.
+
+### Project Directory
+```
+├──entry/src/main/ets
+│  ├──entryability
+│  │  └──EntryAbility.ets                // Dialog box component
+│  ├──model
+│  │  └──Logger.ets                      // Logger
+│  └──pages
+│     └──Index.ets                       // Home page
+└──entry/src/main/resources              // Resources
+```
+
+### How to Implement
+
+* This sample consists of one module.
+  * Use buttons to implement basic control on games, use the **WebViewController** APIs to control behaviors of the **Web** components, and use the WebView to inject JS and execution capabilities.
+  * Source code: [EntryAbility.ets](entry/src/main/ets/entryability/EntryAbility.ets), [Index.ets] (entry/src/main/ets/pages/Index.ets)
+  * API reference: @ohos.window, @ohos.web.webview
+
+### Required Permissions
+
+Internet access permission: ohos.permission.INTERNET
+
+### Dependency
+
+N/A
+
+### Constraints
+
+1. The sample app is supported only on Huawei phones running the standard system.
+
+2. The HarmonyOS version must be HarmonyOS NEXT Developer Beta1 or later.
+
+3. DevEco Studio version must be DevEco Studio NEXT Developer Beta1 or later.
+
+4. The HarmonyOS SDK version must be HarmonyOS NEXT Developer Beta1 SDK or later.
diff --git a/README.md b/README.md
index 7e07be8a6d3d9432fbb380dc192ca371ce7d1da0..d4303b364120d67b33f67f69ee176e4abdbe23bd 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,7 @@
 
 | 主页                               |
 |----------------------------------|
-| ![](screenshots/device/main.jpg) |
+| ![](screenshots/device/main.png) |
 
 使用说明
 
diff --git a/entry/src/main/ets/pages/Index.ets b/entry/src/main/ets/pages/Index.ets
index 0ddcfff9a8b0a1be2b34097e5978859316f435e7..0c44462020c98cde0d4879dea006e935a0018903 100644
--- a/entry/src/main/ets/pages/Index.ets
+++ b/entry/src/main/ets/pages/Index.ets
@@ -20,11 +20,14 @@ const TAG: string = '[Index]';
 @Entry
 @Component
 struct Index {
-  @State gameLeft: string = "console.info('webgame gameLeft'); _main.paddle.moveLeft();";
-  @State gameRight: string = "console.info('webgame gameRight'); _main.paddle.moveRight();";
-  @State gameStart: string = "console.info('webgame gameStart'); if (_main.game.state !== _main.game.state_GAMEOVER) {_main.game.state = _main.game.state_RUNNING; _main.ball.fired = true;}";
-  @State gameReset: string = "console.info('webgame gameReset'); if (_main.game.state === _main.game.state_GAMEOVER) {_main.game.state = _main.game.state_START; _main.start()}";
-  @State removeDesc: string = "console.info('webgame removeDesc'); y=document.getElementsByTagName('div')[0]; y.parentNode.removeChild(y)";
+  @State gameLeft: string = 'console.info(\'webgame gameLeft\'); _main.paddle.moveLeft();';
+  @State gameRight: string = 'console.info(\'webgame gameRight\'); _main.paddle.moveRight();';
+  @State gameStart: string =
+    'console.info(\'webgame gameStart\'); if (_main.game.state !== _main.game.state_GAMEOVER) {_main.game.state = _main.game.state_RUNNING; _main.ball.fired = true;}';
+  @State gameReset: string =
+    'console.info(\'webgame gameReset\'); if (_main.game.state === _main.game.state_GAMEOVER) {_main.game.state = _main.game.state_START; _main.start()}';
+  @State removeDesc: string =
+    'console.info(\'webgame removeDesc\'); y=document.getElementsByTagName(\'div\')[0]; y.parentNode.removeChild(y)';
   private imgRequestUrl: string = 'https://yangyunhe369.github.io/h5-game-blockBreaker/images/background.jpg';
   controller: webview.WebviewController = new webview.WebviewController();
   responseweb: WebResourceResponse = new WebResourceResponse();
@@ -35,35 +38,38 @@ struct Index {
         Button('Start', { type: ButtonType.Capsule })
           .onClick(() => {
             try {
-              this.controller.loadUrl("javascript:" + this.gameStart);
+              this.controller.loadUrl('javascript:' + this.gameStart);
             } catch (error) {
               Logger.info(TAG, `loadUrl gameStart fail: ${JSON.stringify(error)}`);
             }
           })
         Button('L', { type: ButtonType.Capsule })
-          .width(50).height(100).backgroundColor(Color.Red)
+          .width(50)
+          .height(100)
+          .backgroundColor(Color.Red)
           .gesture(
             LongPressGesture({ repeat: true, duration: 20 })
               .onAction((event: GestureEvent) => {
                 if (event.repeat) {
                   try {
-                    this.controller.loadUrl("javascript:" + this.gameLeft);
+                    this.controller.loadUrl('javascript:' + this.gameLeft);
                   } catch (error) {
                     Logger.info(TAG, `loadUrl gameLeft fail: ${JSON.stringify(error)}`);
                   }
                 }
               })
           )
-      }.width('8%')
+      }
+      .width('8%')
 
       Column() {
-        Web({ src: "https://yangyunhe369.github.io/h5-game-blockBreaker/", controller: this.controller })
+        Web({ src: 'https://yangyunhe369.github.io/h5-game-blockBreaker/', controller: this.controller })
           .domStorageAccess(true)
           .onlineImageAccess(true)
           .imageAccess(true)
           .zoomAccess(false)
           .javaScriptAccess(true)
-          .backgroundColor(Color.Orange)//拦截资源请求，优化游戏流畅度
+          .backgroundColor(Color.Orange)
           .onInterceptRequest((event) => {
             let url = '';
             if (event) {
@@ -76,37 +82,42 @@ struct Index {
           })
           .onPageEnd(e => {
             try {
-              this.controller.loadUrl("javascript:" + this.removeDesc);
+              this.controller.loadUrl('javascript:' + this.removeDesc);
             } catch (error) {
               Logger.info(TAG, `loadUrl removeDesc fail: ${JSON.stringify(error)}`);
             }
           })
-      }.width('78%')
+      }
+      .width('78%')
 
       Column() {
         Button('Reset', { type: ButtonType.Capsule })
           .onClick(() => {
             try {
-              this.controller.loadUrl("javascript:" + this.gameReset);
+              this.controller.loadUrl('javascript:' + this.gameReset);
             } catch (error) {
               Logger.info(TAG, `loadUrl gameReset fail: ${JSON.stringify(error)}`);
             }
           })
         Button('R', { type: ButtonType.Capsule })
-          .width(50).height(100).backgroundColor(Color.Red)
+          .width(50)
+          .height(100)
+          .backgroundColor(Color.Red)
           .gesture(
             LongPressGesture({ repeat: true, duration: 20 })
               .onAction((event: GestureEvent) => {
                 if (event.repeat) {
                   try {
-                    this.controller.loadUrl("javascript:" + this.gameRight);
+                    this.controller.loadUrl('javascript:' + this.gameRight);
                   } catch (error) {
                     Logger.info(TAG, `loadUrl gameRight fail: ${JSON.stringify(error)}`);
                   }
                 }
               })
           )
-      }.width('8%')
+      }
+      .width('8%')
     }
+    .margin({ left: 36 })
   }
 }
\ No newline at end of file
diff --git a/entry/src/main/module.json5 b/entry/src/main/module.json5
index b6d59f2f099ffe7d33a0285d4a3290146efef0e8..4c11abdc98464da019b91fdaa84be61ebea78edf 100644
--- a/entry/src/main/module.json5
+++ b/entry/src/main/module.json5
@@ -20,8 +20,7 @@
     "description": "$string:module_desc",
     "mainElement": "EntryAbility",
     "deviceTypes": [
-      "phone",
-      "tablet"
+      "phone"
     ],
     "deliveryWithInstall": true,
     "installationFree": false,
@@ -37,9 +36,9 @@
         "name": "EntryAbility",
         "srcEntry": "./ets/entryability/EntryAbility.ets",
         "description": "$string:EntryAbility_desc",
-        "icon": "$media:icon",
+        "icon": "$media:layered_image",
         "label": "$string:EntryAbility_label",
-        "startWindowIcon": "$media:icon",
+        "startWindowIcon": "$media:startIcon",
         "startWindowBackground": "$color:start_window_background",
         "exported": true,
         "skills": [
diff --git a/entry/src/main/resources/base/media/background.png b/entry/src/main/resources/base/media/background.png
new file mode 100644
index 0000000000000000000000000000000000000000..f939c9fa8cc8914832e602198745f592a0dfa34d
Binary files /dev/null and b/entry/src/main/resources/base/media/background.png differ
diff --git a/entry/src/main/resources/base/media/foreground.png b/entry/src/main/resources/base/media/foreground.png
new file mode 100644
index 0000000000000000000000000000000000000000..4483ddad1f079e1089d685bd204ee1cfe1d01902
Binary files /dev/null and b/entry/src/main/resources/base/media/foreground.png differ
diff --git a/entry/src/main/resources/base/media/icon.png b/entry/src/main/resources/base/media/icon.png
deleted file mode 100644
index ce307a8827bd75456441ceb57d530e4c8d45d36c..0000000000000000000000000000000000000000
Binary files a/entry/src/main/resources/base/media/icon.png and /dev/null differ
diff --git a/entry/src/main/resources/base/media/layered_image.json b/entry/src/main/resources/base/media/layered_image.json
new file mode 100644
index 0000000000000000000000000000000000000000..fb49920440fb4d246c82f9ada275e26123a2136a
--- /dev/null
+++ b/entry/src/main/resources/base/media/layered_image.json
@@ -0,0 +1,7 @@
+{
+  "layered-image":
+  {
+    "background" : "$media:background",
+    "foreground" : "$media:foreground"
+  }
+}
\ No newline at end of file
diff --git a/entry/src/main/resources/base/media/startIcon.png b/entry/src/main/resources/base/media/startIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..205ad8b5a8a42e8762fbe4899b8e5e31ce822b8b
Binary files /dev/null and b/entry/src/main/resources/base/media/startIcon.png differ
diff --git a/entry/src/main/resources/zh_CN/element/string.json b/entry/src/main/resources/zh_CN/element/string.json
index d886b98a421dead248fc92caac4ab6076f50455d..d2076517d9ae6cf53823260935233d08efebdff9 100644
--- a/entry/src/main/resources/zh_CN/element/string.json
+++ b/entry/src/main/resources/zh_CN/element/string.json
@@ -10,7 +10,7 @@
     },
     {
       "name": "EntryAbility_label",
-      "value": "RunJsInWeb"
+      "value": "JS注入与执行"
     },
     {
       "name": "reason",
diff --git a/oh-package.json5 b/oh-package.json5
index c20be46d9df968e029901a39cbc17ccc427145fa..3ffc1e1cfab0a3b3139c6c23b20ccfa082864023 100644
--- a/oh-package.json5
+++ b/oh-package.json5
@@ -2,7 +2,6 @@
   "modelVersion": "5.0.0",
   "license": "ISC",
   "devDependencies": {
-    "@ohos/hypium": "1.0.15"
   },
   "name": "runjsinweb",
   "description": "example description",
diff --git a/screenshots/device/main.jpg b/screenshots/device/main.jpg
deleted file mode 100644
index 3c713d57b16f942935bb613a0558ba76052eb053..0000000000000000000000000000000000000000
Binary files a/screenshots/device/main.jpg and /dev/null differ
diff --git a/screenshots/device/main.png b/screenshots/device/main.png
new file mode 100644
index 0000000000000000000000000000000000000000..63a45dad943a9874801e94e02186e2d89e440d5d
Binary files /dev/null and b/screenshots/device/main.png differ