diff --git a/BUILD.gn b/BUILD.gn
index 38c871c84353a215a6d2c56da31c2f58f9cd9dc8..a6eb9c2bdb4d478151ef031a0103336463fb41ab 100644
--- a/BUILD.gn
+++ b/BUILD.gn
@@ -102,6 +102,7 @@ ohos_copy("ets_component") {
     "api/@internal/component/ets/toggle.d.ts",
     "api/@internal/component/ets/units.d.ts",
     "api/@internal/component/ets/video.d.ts",
+    "api/@internal/component/ets/web.d.ts",
     "api/@internal/component/ets/xcomponent.d.ts",
   ]
   outputs = [ target_out_dir + "/$target_name/{{source_file_part}}" ]
diff --git a/api/@internal/component/ets/index.d.ts b/api/@internal/component/ets/index.d.ts
index 3c4fc1ec962e2f172b3ba5e13b2d3a5ba02a50ef..b6db78203af52854db27a9983a9ee0b059fbb29a 100644
--- a/api/@internal/component/ets/index.d.ts
+++ b/api/@internal/component/ets/index.d.ts
@@ -93,5 +93,6 @@
 /// <reference path="./toggle.d.ts" />
 /// <reference path="./units.d.ts" />
 /// <reference path="./video.d.ts" />
+/// <reference path="./web.d.ts" />
 /// <reference path="./xcomponent.d.ts" />
 /// <reference path="./inspector.d.ts" />
diff --git a/api/@internal/component/ets/web.d.ts b/api/@internal/component/ets/web.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a45cfc58a723b49660af68e3db47331d2921aa3b
--- /dev/null
+++ b/api/@internal/component/ets/web.d.ts
@@ -0,0 +1,54 @@
+declare class WebController {
+    constructor();
+   /**
+    * Means to load a piece of code and execute JS code in the context of the currently displayed page
+    * @since 8
+    */
+    evaluateJavaScript(jscode: string);
+   /**
+    * Indicates that a piece of code is loaded
+    * @since 8
+    */
+    loadDataWithBaseURL(value : {baseUrl: string, data: string, mimeType:string, encoding:string, historyUrl: string});
+   /**
+    * Load the given URL
+    * @since 8
+    */
+    loadUrl(url : string);
+}
+declare interface WebOptions {
+   /**
+    * Set the address of the web page to be displayed
+    * @since 8
+    */
+    src: string | Resource;
+    controller: WebController;
+}
+interface Web extends WebAttribute<Web> {
+    (value: WebOptions): Web;
+}
+declare class WebAttribute<T> extends CommonMethod<T> {
+   /**
+    * Triggered at the end of web page loading
+    * @since 8
+    */
+    onPageFinish(callback: (event?:{ url: string }) => void): T;
+   /**
+    * Get WebView focus callback event
+    * @since 8
+    */
+    onRequestFocus(event: () => void): T;
+   /**
+    * Set whether WebView allows JavaScript scripts to execute
+    * @since 8
+    */
+    javaScriptEnabled(value: boolean): T;
+   /**
+    * Enable or disable local file system access in WebView
+    * @since 8
+    */
+    fileAccessEnabled(value: boolean): T;
+}
+declare class WebExtend<T> extends WebAttribute<T> {
+}
+declare const Web: Web;