diff --git a/code/BasicFeature/Ability/AbilityRuntime/entry/src/main/ets/abilitylifecyclecallback/AbilityLifecycleCallback.ets b/code/BasicFeature/Ability/AbilityRuntime/entry/src/main/ets/abilitylifecyclecallback/AbilityLifecycleCallback.ets
index 430cc485375e48ef471e61dfe5e3b4bdf38b6953..bac9c2a34b4f038ceebcc642b82af62ad0fab24d 100644
--- a/code/BasicFeature/Ability/AbilityRuntime/entry/src/main/ets/abilitylifecyclecallback/AbilityLifecycleCallback.ets
+++ b/code/BasicFeature/Ability/AbilityRuntime/entry/src/main/ets/abilitylifecyclecallback/AbilityLifecycleCallback.ets
@@ -21,6 +21,7 @@ import { hilog } from '@kit.PerformanceAnalysisKit';
 const TAG: string = '[AbilityLifecycleCallback]';
 const DOMAIN: number = 0xFF00;
 
+// [Start get_sandbox_path_from_context_singleton]
 export class GlobalContext {
   private constructor() {
   }
@@ -43,7 +44,7 @@ export class GlobalContext {
     this._objects.set(key, objectClass);
   }
 }
-
+// [End get_sandbox_path_from_context_singleton]
 // 声明ability生命周期回调，需配置所有回调后才可以在applicationContext注册
 let abilityLifecycleCallback: AbilityLifecycleCallback = {
   onAbilityCreate(ability) {
diff --git a/code/DocsSample/ArkWeb/LifecycleWebComp/entry/src/main/ets/pages/Index.ets b/code/DocsSample/ArkWeb/LifecycleWebComp/entry/src/main/ets/pages/Index.ets
index 170cc62808fe146f1a0b47b2a6f851c78d1ee6d6..5e904676c4acbaa978d796dc71ce3ca78d084010 100755
--- a/code/DocsSample/ArkWeb/LifecycleWebComp/entry/src/main/ets/pages/Index.ets
+++ b/code/DocsSample/ArkWeb/LifecycleWebComp/entry/src/main/ets/pages/Index.ets
@@ -12,7 +12,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
+// [Start the_status_of_web_component_web_page_loading]
 import { webview } from '@kit.ArkWeb';
 import { BusinessError } from '@kit.BasicServicesKit';
 import { promptAction } from '@kit.ArkUI';
@@ -127,4 +127,5 @@ struct WebComponent {
         })
     }
   }
-}
\ No newline at end of file
+}
+// [End the_status_of_web_component_web_page_loading]
\ No newline at end of file
diff --git a/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/AddIntTrackPreventByPassList.ets b/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/AddIntTrackPreventByPassList.ets
index 882c47fbaa9b8ef814e3d7de90ca14d02c109cdf..aa1655f7bbde61df1c1a081b565110487297ab79 100755
--- a/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/AddIntTrackPreventByPassList.ets
+++ b/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/AddIntTrackPreventByPassList.ets
@@ -12,7 +12,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
+// [Start set_domains_to_bypass_intelligent_tracking]
 import { webview } from '@kit.ArkWeb';
 import { BusinessError } from '@kit.BasicServicesKit';
 
@@ -36,4 +36,5 @@ struct WebComponent {
       Web({ src: $r('app.string.web_path'), controller: this.controller });
     }
   }
-}
\ No newline at end of file
+}
+// [End set_domains_to_bypass_intelligent_tracking]
\ No newline at end of file
diff --git a/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/ClearIntTrackPreventByPassList.ets b/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/ClearIntTrackPreventByPassList.ets
index cee0fd0d0ce30eb90c97f2eef1028e7a5b30b941..fc8f4c08468d7173ebf6f674576423ab92e227f2 100755
--- a/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/ClearIntTrackPreventByPassList.ets
+++ b/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/ClearIntTrackPreventByPassList.ets
@@ -12,7 +12,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
+// [Start clear_all_intelligent_tracking_prevention_bypasses]
 import { webview } from '@kit.ArkWeb';
 
 @Entry
@@ -30,3 +30,4 @@ struct WebComponent {
     }
   }
 }
+// [End clear_all_intelligent_tracking_prevention_bypasses]
\ No newline at end of file
diff --git a/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/CollectingAdsBlockingInformation.ets b/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/CollectingAdsBlockingInformation.ets
index 283ced2f34ecd9a3bd96950f6d5c48e97b10042c..92dcff572ceeaa5db68902c51d8a55f5acfaf1b1 100755
--- a/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/CollectingAdsBlockingInformation.ets
+++ b/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/CollectingAdsBlockingInformation.ets
@@ -13,13 +13,16 @@
  * limitations under the License.
  */
 
+// [Start collect_information_about_ad_filtering]
 import { webview } from '@kit.ArkWeb';
 
 @Entry
 @Component
 struct WebComponent {
   @State totalAdsBlockCounts: number = 0;
+  // [StartExclude collect_information_about_ad_filtering]
   @State myString: string = 'onAdsBlocked';
+  // [EndExclude collect_information_about_ad_filtering]
   controller: webview.WebviewController = new webview.WebviewController();
 
   build() {
@@ -36,3 +39,4 @@ struct WebComponent {
     }
   }
 }
+// [End collect_information_about_ad_filtering]
diff --git a/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/DisAdsBlockSpecDomPages_one.ets b/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/DisAdsBlockSpecDomPages_one.ets
index d903a58c48d351147b1b33283d9ddcf943849c25..e70fa2041e757cc4df8d921a1196adf059951219 100755
--- a/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/DisAdsBlockSpecDomPages_one.ets
+++ b/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/DisAdsBlockSpecDomPages_one.ets
@@ -12,13 +12,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
+// [Start turn_off_ad_filtering_for_specific_domain_pages]
 import { webview } from '@kit.ArkWeb';
 
+// [StartExclude turn_off_ad_filtering_for_specific_domain_pages]
 function resourceToString(resource: Resource) {
   return getContext().resourceManager.getStringSync(resource);
 }
-
+// [EndExclude turn_off_ad_filtering_for_specific_domain_pages]
 @Entry
 @Component
 struct WebComponent {
@@ -62,3 +63,4 @@ struct WebComponent {
     }
   }
 }
+// [End turn_off_ad_filtering_for_specific_domain_pages]
\ No newline at end of file
diff --git a/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/DisAdsBlockSpecDomPages_two.ets b/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/DisAdsBlockSpecDomPages_two.ets
index fb11841153705f6707e2982a98fb1d098af29621..fe925a82e9cb552cb6c7c03275463b52c7c5fc23 100755
--- a/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/DisAdsBlockSpecDomPages_two.ets
+++ b/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/DisAdsBlockSpecDomPages_two.ets
@@ -12,13 +12,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
+// [Start set_up_page_level_ad_filtering_switch]
 import { webview } from '@kit.ArkWeb';
 
+// [StartExclude set_up_page_level_ad_filtering_switch]
 function resourceToString(resource: Resource) {
   return getContext().resourceManager.getStringSync(resource);
 }
-
+// [EndExclude set_up_page_level_ad_filtering_switch]
 @Entry
 @Component
 struct WebComponent {
@@ -63,3 +64,4 @@ struct WebComponent {
     }
   }
 }
+// [End set_up_page_level_ad_filtering_switch]
\ No newline at end of file
diff --git a/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/EnableIntTrackPrevent.ets b/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/EnableIntTrackPrevent.ets
index 2abfd30abb9173efd02d23456f9af5d0aa6f7190..e317299ae711252bb84c330c82d3e00be2ee137b 100755
--- a/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/EnableIntTrackPrevent.ets
+++ b/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/EnableIntTrackPrevent.ets
@@ -13,6 +13,7 @@
  * limitations under the License.
  */
 
+// [Start enable_or_disable_web_component_anti_tracking]
 import { webview } from '@kit.ArkWeb';
 import { BusinessError } from '@kit.BasicServicesKit';
 
@@ -36,4 +37,5 @@ struct WebComponent {
       Web({ src: $r('app.string.web_path'), controller: this.controller });
     }
   }
-}
\ No newline at end of file
+}
+// [End enable_or_disable_web_component_anti_tracking]
\ No newline at end of file
diff --git a/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/EnablingAdsBlocking.ets b/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/EnablingAdsBlocking.ets
index 6f3479240ce6de1897bb49f1e42d136890ffe1d9..8eb4a81e2d203fc04af163a09aaf5601ef77c7c7 100755
--- a/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/EnablingAdsBlocking.ets
+++ b/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/EnablingAdsBlocking.ets
@@ -13,13 +13,15 @@
  * limitations under the License.
  */
 
+// [Start app_select_list_rule_file_for_ad_filter]
 import { webview } from '@kit.ArkWeb';
 import { picker, fileUri } from '@kit.CoreFileKit';
 
+// [StartExclude app_select_list_rule_file_for_ad_filter]
 function resourceToString(resource: Resource) {
   return getContext().resourceManager.getStringSync(resource);
 }
-
+// [EndExclude app_select_list_rule_file_for_ad_filter]
 @Entry
 @Component
 struct WebComponent {
@@ -59,3 +61,4 @@ struct WebComponent {
     }
   }
 }
+// [End app_select_list_rule_file_for_ad_filter]
\ No newline at end of file
diff --git a/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/IsIntTrackPreventEnabled.ets b/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/IsIntTrackPreventEnabled.ets
index cf899e8d3fd84841e969a12d2487d4ab8e392716..f35678435d85e62eb43ee5e6183a73f833604b85 100755
--- a/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/IsIntTrackPreventEnabled.ets
+++ b/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/IsIntTrackPreventEnabled.ets
@@ -13,6 +13,7 @@
  * limitations under the License.
  */
 
+// [Start check_if_web_component_anti_tracking_on]
 import { webview } from '@kit.ArkWeb';
 import { BusinessError } from '@kit.BasicServicesKit';
 
@@ -37,3 +38,4 @@ struct WebComponent {
     }
   }
 }
+// [End check_if_web_component_anti_tracking_on]
\ No newline at end of file
diff --git a/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/OnIntTrackPreventResult.ets b/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/OnIntTrackPreventResult.ets
index 6312ba16347037977791cf218c00665726a06434..86bb3887dba5ec4ce1dc1b4c449b4108f75835fc 100755
--- a/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/OnIntTrackPreventResult.ets
+++ b/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/OnIntTrackPreventResult.ets
@@ -13,6 +13,7 @@
  * limitations under the License.
  */
 
+// [Start retrieve_blocked_and_visited_domain_names]
 import { webview } from '@kit.ArkWeb';
 import { BusinessError } from '@kit.BasicServicesKit';
 
@@ -40,4 +41,5 @@ struct WebComponent {
         })
     }
   }
-}
\ No newline at end of file
+}
+// [End retrieve_blocked_and_visited_domain_names]
\ No newline at end of file
diff --git a/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/RemoveIntTrackPreventByPassList.ets b/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/RemoveIntTrackPreventByPassList.ets
index 86a03f28a7406192364d036f6c8d1a08cb6a1bbe..504ff4f33c70bf7fd9face2a029d6b789b295ad1 100755
--- a/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/RemoveIntTrackPreventByPassList.ets
+++ b/code/DocsSample/ArkWeb/ManageWebCompSecPriv/entry/src/main/ets/pages/RemoveIntTrackPreventByPassList.ets
@@ -12,7 +12,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
+// [Start partial_domain_name_list]
 import { webview } from '@kit.ArkWeb';
 import { BusinessError } from '@kit.BasicServicesKit';
 
@@ -37,3 +37,4 @@ struct WebComponent {
     }
   }
 }
+// [End partial_domain_name_list]
\ No newline at end of file
diff --git a/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/CustomizePageResp/entry/src/main/ets/pages/OnInterceptRequest_one.ets b/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/CustomizePageResp/entry/src/main/ets/pages/OnInterceptRequest_one.ets
index 88739dc3db0aef654af44ff590b2e0254f2790f1..99b4325373d0f329d3c81f87eb45df1fbd3bdbf6 100755
--- a/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/CustomizePageResp/entry/src/main/ets/pages/OnInterceptRequest_one.ets
+++ b/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/CustomizePageResp/entry/src/main/ets/pages/OnInterceptRequest_one.ets
@@ -12,7 +12,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+// [Start build_response_resources_to_implement_custom_page_response_scenarios]
 import { webview } from '@kit.ArkWeb';
 
 function resourceToString(resource: Resource) {
@@ -57,3 +57,4 @@ struct WebComponent {
     }
   }
 }
+// [End build_response_resources_to_implement_custom_page_response_scenarios]
\ No newline at end of file
diff --git a/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/CustomizePageResp/entry/src/main/ets/pages/OnInterceptRequest_two.ets b/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/CustomizePageResp/entry/src/main/ets/pages/OnInterceptRequest_two.ets
index 4b3d0a5299f50c82cdd110eca8ed9fee2e47d153..bd06563ae79a431a6686eeccf645cc9e26eaabdd 100755
--- a/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/CustomizePageResp/entry/src/main/ets/pages/OnInterceptRequest_two.ets
+++ b/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/CustomizePageResp/entry/src/main/ets/pages/OnInterceptRequest_two.ets
@@ -13,6 +13,7 @@
  * limitations under the License.
  */
 
+// [Start build_response_resource_enable_gen]
 import { webview } from '@kit.ArkWeb';
 
 function resourceToString(resource: Resource) {
@@ -74,3 +75,4 @@ struct WebComponent {
     }
   }
 }
+// [End build_response_resource_enable_gen]
\ No newline at end of file
diff --git a/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/LoadPages/entry/src/main/ets/pages/LoadLocalPageFileInSandboxPath_one.ets b/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/LoadPages/entry/src/main/ets/pages/LoadLocalPageFileInSandboxPath_one.ets
index a95b79c366950b1ca436c5f385f3b0b5ae8f7a1e..2545aea0f8d01f1109809950f9297ce42a92b682 100755
--- a/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/LoadPages/entry/src/main/ets/pages/LoadLocalPageFileInSandboxPath_one.ets
+++ b/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/LoadPages/entry/src/main/ets/pages/LoadLocalPageFileInSandboxPath_one.ets
@@ -13,6 +13,7 @@
  * limitations under the License.
  */
 
+// [Start load_local_page_file_in_sandbox_path]
 import { webview } from '@kit.ArkWeb';
 import { GlobalContext } from './GlobalContext';
 
@@ -31,3 +32,4 @@ struct WebComponent {
     }
   }
 }
+// [End load_local_page_file_in_sandbox_path]
diff --git a/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/LoadPages/entry/src/main/ets/pages/LoadLocalPageFileInSandboxPath_two.ets b/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/LoadPages/entry/src/main/ets/pages/LoadLocalPageFileInSandboxPath_two.ets
index c85ba6a2e277da624eb8d9260b84edd1debda016..7e78e47a0575fe6581b4534dd9a321a2daaa3a25 100755
--- a/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/LoadPages/entry/src/main/ets/pages/LoadLocalPageFileInSandboxPath_two.ets
+++ b/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/LoadPages/entry/src/main/ets/pages/LoadLocalPageFileInSandboxPath_two.ets
@@ -12,7 +12,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
+// [Start web_components_load_html_strings_by_data_url]
 import { webview } from '@kit.ArkWeb';
 import { BusinessError } from '@kit.BasicServicesKit';
 
@@ -29,3 +29,4 @@ struct WebComponent {
     }
   }
 }
+// [End web_components_load_html_strings_by_data_url]
diff --git a/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/LoadPages/entry/src/main/ets/pages/LoadingHTMLRichTextData.ets b/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/LoadPages/entry/src/main/ets/pages/LoadingHTMLRichTextData.ets
index 826021cc5c3417b5ee5a622c349434e13e107d3d..ed142efe47f184b1ecf781055df3dd5075947329 100755
--- a/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/LoadPages/entry/src/main/ets/pages/LoadingHTMLRichTextData.ets
+++ b/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/LoadPages/entry/src/main/ets/pages/LoadingHTMLRichTextData.ets
@@ -12,7 +12,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
+// [Start devs_load_page_fragments_for_quick_loading]
 import { webview } from '@kit.ArkWeb';
 import { BusinessError } from '@kit.BasicServicesKit';
 
@@ -41,3 +41,4 @@ struct WebComponent {
     }
   }
 }
+// [End devs_load_page_fragments_for_quick_loading]
\ No newline at end of file
diff --git a/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/LoadPages/entry/src/main/ets/pages/LoadingLocalPages.ets b/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/LoadPages/entry/src/main/ets/pages/LoadingLocalPages.ets
index aa7357bd6e6bb6297aef2ca2de635ba05461b7bf..a09d901e5a4cef6530958ef001c7721973f0784e 100755
--- a/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/LoadPages/entry/src/main/ets/pages/LoadingLocalPages.ets
+++ b/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/LoadPages/entry/src/main/ets/pages/LoadingLocalPages.ets
@@ -13,6 +13,8 @@
  * limitations under the License.
  */
 
+
+// [Start after_load_complete_call_to_change_page]
 import { webview } from '@kit.ArkWeb';
 import { BusinessError } from '@kit.BasicServicesKit';
 
@@ -36,4 +38,5 @@ struct WebComponent {
       Web({ src: $rawfile('local.html'), controller: this.controller });
     }
   }
-}
\ No newline at end of file
+}
+// [End after_load_complete_call_to_change_page]
\ No newline at end of file
diff --git a/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/LoadPages/entry/src/main/ets/pages/LoadingWebPages.ets b/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/LoadPages/entry/src/main/ets/pages/LoadingWebPages.ets
index 28abb21e0386a29a6c4c133ac28fc3536e8ca445..bd01e1ff1cb2a311b0a0a4bd3538a409c7b85584 100755
--- a/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/LoadPages/entry/src/main/ets/pages/LoadingWebPages.ets
+++ b/code/DocsSample/ArkWeb/ManageWebPageLoadBrowse/LoadPages/entry/src/main/ets/pages/LoadingWebPages.ets
@@ -13,6 +13,7 @@
  * limitations under the License.
  */
 
+// [Start use_load_interface_to_show_web_changes]
 import { webview } from '@kit.ArkWeb';
 import { BusinessError } from '@kit.BasicServicesKit';
 
@@ -36,4 +37,5 @@ struct WebComponent {
       Web({ src: 'www.example.com', controller: this.controller });
     }
   }
-}
\ No newline at end of file
+}
+// [End use_load_interface_to_show_web_changes]
\ No newline at end of file
diff --git a/code/DocsSample/ArkWeb/ProcessWebPageCont/entry/src/main/ets/pages/CalcAdjustSafeArea.ets b/code/DocsSample/ArkWeb/ProcessWebPageCont/entry/src/main/ets/pages/CalcAdjustSafeArea.ets
index f2e0e972c8c328d93ba38add78c67350b50c9986..ddce0c96a410e396c1f2ff0d722b95bc6c5dd62e 100755
--- a/code/DocsSample/ArkWeb/ProcessWebPageCont/entry/src/main/ets/pages/CalcAdjustSafeArea.ets
+++ b/code/DocsSample/ArkWeb/ProcessWebPageCont/entry/src/main/ets/pages/CalcAdjustSafeArea.ets
@@ -12,7 +12,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
+// [Start use_expand_safe_area_to_enable_immersive_effect]
 import { webview } from '@kit.ArkWeb';
 
 @Entry
@@ -28,3 +28,4 @@ struct WebComponent {
     }
   }
 }
+// [End use_expand_safe_area_to_enable_immersive_effect]
diff --git a/code/DocsSample/ArkWeb/UseOfflineWebComp/entry/src/main/ets/entryability/EntryAbility.ets b/code/DocsSample/ArkWeb/UseOfflineWebComp/entry/src/main/ets/entryability/EntryAbility.ets
index c3a1c8a89fcc4cc1dfb9ef6b5ff4627253d98e9c..e068627fdb8ccf3a802397acd80615974d1e4243 100755
--- a/code/DocsSample/ArkWeb/UseOfflineWebComp/entry/src/main/ets/entryability/EntryAbility.ets
+++ b/code/DocsSample/ArkWeb/UseOfflineWebComp/entry/src/main/ets/entryability/EntryAbility.ets
@@ -13,10 +13,12 @@
  * limitations under the License.
  */
 
+
+import { createNWeb } from "../pages/common";
 import { AbilityConstant, UIAbility, Want } from '@kit.AbilityKit';
 import { hilog } from '@kit.PerformanceAnalysisKit';
 import { window } from '@kit.ArkUI';
-import { createNWeb } from "../pages/common";
+
 
 export default class EntryAbility extends UIAbility {
   onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
@@ -26,16 +28,17 @@ export default class EntryAbility extends UIAbility {
   onDestroy(): void {
     hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onDestroy');
   }
-
+  // [Start entry_ability_window_stage_created_after_specified_page_loaded]
   onWindowStageCreate(windowStage: window.WindowStage): void {
     windowStage.loadContent('pages/Index', (err, data) => {
-      // 创建Web动态组件（需传入UIContext），loadContent之后的任意时机均可创建
-      createNWeb('www.example.com', windowStage.getMainWindowSync().getUIContext());
+      // 创建空的Web动态组件（需传入UIContext），loadContent之后的任意时机均可创建
+      createNWeb("about：blank", windowStage.getMainWindowSync().getUIContext());
       if (err.code) {
         return;
       }
     });
   }
+  // [End entry_ability_window_stage_created_after_specified_page_loaded]
 
   onWindowStageDestroy(): void {
     // Main window is destroyed, release UI related resources
diff --git a/code/DocsSample/ArkWeb/UseOfflineWebComp/entry/src/main/ets/pages/Index.ets b/code/DocsSample/ArkWeb/UseOfflineWebComp/entry/src/main/ets/pages/Index.ets
index c20b0ca45f214c883dceccc5ce7ba30adbae6a5b..05172de125ec81709abfc50f85fa99c9d6b794bf 100755
--- a/code/DocsSample/ArkWeb/UseOfflineWebComp/entry/src/main/ets/pages/Index.ets
+++ b/code/DocsSample/ArkWeb/UseOfflineWebComp/entry/src/main/ets/pages/Index.ets
@@ -15,6 +15,7 @@
 
 // 使用NodeController的Page页
 // Index.ets
+// [Start nodeContainer_bind_controller_to_show_dynamic_pages]
 import { getNWeb } from './common'
 @Entry
 @Component
@@ -33,3 +34,5 @@ struct Index {
     .height('100%')
   }
 }
+// [End nodeContainer_bind_controller_to_show_dynamic_pages]
+
diff --git a/code/DocsSample/ArkWeb/UseOfflineWebComp/entry/src/main/ets/pages/common.ets b/code/DocsSample/ArkWeb/UseOfflineWebComp/entry/src/main/ets/pages/common.ets
index e22c3cd336dec67549ce52b69cb2f0ca33bed47a..6c4e209e7d580ac2a3b1c4996ea63324f1a31177 100755
--- a/code/DocsSample/ArkWeb/UseOfflineWebComp/entry/src/main/ets/pages/common.ets
+++ b/code/DocsSample/ArkWeb/UseOfflineWebComp/entry/src/main/ets/pages/common.ets
@@ -13,8 +13,9 @@
  * limitations under the License.
  */
 
+
+// [Start manage_dynamic_webview_components_in_harmonyos_app]
 // 创建NodeController
-// common.ets
 import { UIContext, NodeController, BuilderNode, Size, FrameNode } from '@kit.ArkUI';
 import { webview } from '@kit.ArkWeb';
 
@@ -96,3 +97,4 @@ export const createNWeb = (url: ResourceStr, uiContext: UIContext) => {
 export const getNWeb = (url: ResourceStr) : MyNodeController | undefined => {
   return nodeMap.get(url);
 }
+// [End manage_dynamic_webview_components_in_harmonyos_app]
\ No newline at end of file
diff --git a/code/DocsSample/ArkWeb/UseOfflineWebComp/entry1/src/main/ets/entry1ability/Entry1Ability.ets b/code/DocsSample/ArkWeb/UseOfflineWebComp/entry1/src/main/ets/entry1ability/Entry1Ability.ets
index 552e7abe0be2b36dae4a85f53b50f532b6e487e3..844f1ef14f1d64eee187fd2001a56d07b125def9 100755
--- a/code/DocsSample/ArkWeb/UseOfflineWebComp/entry1/src/main/ets/entry1ability/Entry1Ability.ets
+++ b/code/DocsSample/ArkWeb/UseOfflineWebComp/entry1/src/main/ets/entry1ability/Entry1Ability.ets
@@ -27,6 +27,7 @@ export default class Entry1Ability extends UIAbility {
     hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onDestroy');
   }
 
+  // [Start entry_ability_window_stage_created_after_page_loaded]
   onWindowStageCreate(windowStage: window.WindowStage): void {
     windowStage.loadContent('pages/Index', (err, data) => {
       // 创建空的Web动态组件（需传入UIContext），loadContent之后的任意时机均可创建
@@ -36,6 +37,7 @@ export default class Entry1Ability extends UIAbility {
       }
     });
   }
+  // [End entry_ability_window_stage_created_after_page_loaded]
 
   onWindowStageDestroy(): void {
     // Main window is destroyed, release UI related resources
diff --git a/code/DocsSample/ArkWeb/UseOfflineWebComp/entry1/src/main/ets/pages/Index.ets b/code/DocsSample/ArkWeb/UseOfflineWebComp/entry1/src/main/ets/pages/Index.ets
index 9f0948d444e9663cc5fb98c226c178b5821452e9..ef124adf169069c2e98e8ddd3ca4de8efca7ad0e 100755
--- a/code/DocsSample/ArkWeb/UseOfflineWebComp/entry1/src/main/ets/pages/Index.ets
+++ b/code/DocsSample/ArkWeb/UseOfflineWebComp/entry1/src/main/ets/pages/Index.ets
@@ -13,6 +13,7 @@
  * limitations under the License.
  */
 
+// [Start navigate_to_web_page_pre_start_webview_load]
 import router from '@ohos.router';
 import { webview } from '@kit.ArkWeb';
 
@@ -32,3 +33,4 @@ struct Index1 {
     }
   }
 }
+// [End navigate_to_web_page_pre_start_webview_load]
diff --git a/code/DocsSample/ArkWeb/UseOfflineWebComp/entry1/src/main/ets/pages/common.ets b/code/DocsSample/ArkWeb/UseOfflineWebComp/entry1/src/main/ets/pages/common.ets
index 999e9909b658c07ec2a2fbf3e3f8a47d4b79a31d..8aafa42d13cd439091297bc55dcebd92c0d60b81 100755
--- a/code/DocsSample/ArkWeb/UseOfflineWebComp/entry1/src/main/ets/pages/common.ets
+++ b/code/DocsSample/ArkWeb/UseOfflineWebComp/entry1/src/main/ets/pages/common.ets
@@ -12,7 +12,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
+// [Start manage_dynamic_webview_components_in_harmonyos]
 // 创建NodeController
 import { UIContext, NodeController, BuilderNode, Size, FrameNode } from '@kit.ArkUI';
 import { webview } from '@kit.ArkWeb';
@@ -95,3 +95,4 @@ export const createNWeb = (url: ResourceStr, uiContext: UIContext) => {
 export const getNWeb = (url: ResourceStr) : MyNodeController | undefined => {
   return nodeMap.get(url);
 }
+// [End manage_dynamic_webview_components_in_harmonyos]
\ No newline at end of file
diff --git a/code/DocsSample/ArkWeb/UseOfflineWebComp/entry1/src/main/ets/pages/index2.ets b/code/DocsSample/ArkWeb/UseOfflineWebComp/entry1/src/main/ets/pages/index2.ets
index 46b3ca95cbd8a28de2800255aa05a0aae127029a..61785eaeb4c341c8eefcbceb2d098e881e6b2f0e 100755
--- a/code/DocsSample/ArkWeb/UseOfflineWebComp/entry1/src/main/ets/pages/index2.ets
+++ b/code/DocsSample/ArkWeb/UseOfflineWebComp/entry1/src/main/ets/pages/index2.ets
@@ -12,7 +12,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
+// [Start nodeContainer_bind_controller_show_dynamic_pages]
 import web_webview from '@ohos.web.webview';
 
 @Entry
@@ -32,3 +32,4 @@ struct index2 {
     .height('100%')
   }
 }
+// [End nodeContainer_bind_controller_show_dynamic_pages]
\ No newline at end of file
diff --git a/code/DocsSample/ArkWeb/UseOfflineWebComp/entry2/src/main/ets/pages/common.ets b/code/DocsSample/ArkWeb/UseOfflineWebComp/entry2/src/main/ets/pages/common.ets
index 82c5f1fb98ff97fe063a39c14a5278b239f9b7e6..b424a64654a46ca42b5cc3c8f2bb96feec8cb46e 100755
--- a/code/DocsSample/ArkWeb/UseOfflineWebComp/entry2/src/main/ets/pages/common.ets
+++ b/code/DocsSample/ArkWeb/UseOfflineWebComp/entry2/src/main/ets/pages/common.ets
@@ -26,6 +26,7 @@ class Data{
 }
 // 通过布尔变量shouldInactive控制网页在后台完成预渲染后停止渲染
 let shouldInactive: boolean = true;
+// [Start call_onActive_method_to_pre_render_offline_web_component]
 @Builder
 function webBuilder(data:Data) {
   Column() {
@@ -34,6 +35,7 @@ function webBuilder(data:Data) {
         // 调用onActive，开启渲染
         data.controller.onActive();
       })
+      // [StartExclude call_onActive_method_to_pre_render_offline_web_component]
       .onFirstMeaningfulPaint(() =>{
         if (!shouldInactive) {
           return;
@@ -42,10 +44,12 @@ function webBuilder(data:Data) {
         data.controller.onInactive();
         shouldInactive = false;
       })
+      // [EndExclude call_onActive_method_to_pre_render_offline_web_component]
       .width('100%')
       .height('100%')
   }
 }
+// [End call_onActive_method_to_pre_render_offline_web_component]
 let wrap = wrapBuilder<Data[]>(webBuilder);
 // 用于控制和反馈对应的NodeContianer上的节点的行为，需要与NodeContainer一起使用
 export class MyNodeController extends NodeController {
diff --git a/code/DocsSample/ArkWeb/UseOfflineWebComp/entry2/src/main/module.json5 b/code/DocsSample/ArkWeb/UseOfflineWebComp/entry2/src/main/module.json5
index c795511fa6f3e59972d74471cb44c0b9a91f67af..d40d6d37db59942f8af3cc8f227100af64ae200a 100755
--- a/code/DocsSample/ArkWeb/UseOfflineWebComp/entry2/src/main/module.json5
+++ b/code/DocsSample/ArkWeb/UseOfflineWebComp/entry2/src/main/module.json5
@@ -42,6 +42,6 @@
       {
         "name" : "ohos.permission.INTERNET"
       }
-    ]
+    ],
   }
 }
\ No newline at end of file
diff --git a/code/DocsSample/ArkWeb/UsingWebMultimedia/entry/src/main/ets/pages/Index.ets b/code/DocsSample/ArkWeb/UsingWebMultimedia/entry/src/main/ets/pages/Index.ets
index d9f86c4892e289b89e1063b4ab3a82ffbd1d786c..b45e3d66fd7b5dde9c59b5a4ed3d769871ef8aa1 100755
--- a/code/DocsSample/ArkWeb/UsingWebMultimedia/entry/src/main/ets/pages/Index.ets
+++ b/code/DocsSample/ArkWeb/UsingWebMultimedia/entry/src/main/ets/pages/Index.ets
@@ -12,7 +12,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
+// [Start click_button_to_turn_on_camera_microphone]
 import { webview } from '@kit.ArkWeb';
 import { BusinessError } from '@kit.BasicServicesKit';
 import { abilityAccessCtrl } from '@kit.AbilityKit';
@@ -66,3 +66,4 @@ struct WebComponent {
     }
   }
 }
+// [End click_button_to_turn_on_camera_microphone]
\ No newline at end of file
diff --git a/code/DocsSample/ArkWeb/UsingWebMultimedia/entry2/src/main/ets/entry2ability/Entry2Ability.ets b/code/DocsSample/ArkWeb/UsingWebMultimedia/entry2/src/main/ets/entry2ability/Entry2Ability.ets
index 97f049833e8038360416009c62f83cdeb08cca19..413af92ba3a610c2332fae4f9ae6c45f8cefb2c0 100755
--- a/code/DocsSample/ArkWeb/UsingWebMultimedia/entry2/src/main/ets/entry2ability/Entry2Ability.ets
+++ b/code/DocsSample/ArkWeb/UsingWebMultimedia/entry2/src/main/ets/entry2ability/Entry2Ability.ets
@@ -12,12 +12,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { hilog } from '@kit.PerformanceAnalysisKit';
 
 import { AbilityConstant, UIAbility, Want } from '@kit.AbilityKit';
-import { hilog } from '@kit.PerformanceAnalysisKit';
+// [Start allow_subsequent_rendering_to_use_ui]
 import { window } from '@kit.ArkUI';
 
 export default class Entry2Ability extends UIAbility {
+  // [StartExclude allow_subsequent_rendering_to_use_ui]
   onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
     hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');
   }
@@ -25,7 +27,7 @@ export default class Entry2Ability extends UIAbility {
   onDestroy(): void {
     hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onDestroy');
   }
-
+  // [EndExclude allow_subsequent_rendering_to_use_ui]
   onWindowStageCreate(windowStage: window.WindowStage): void {
     windowStage.loadContent('pages/Index', (err, data) => {
       if (err.code) {
@@ -35,7 +37,7 @@ export default class Entry2Ability extends UIAbility {
       AppStorage.setOrCreate<UIContext>('UIContext', windowStage.getMainWindowSync().getUIContext());
     });
   }
-
+  // [StartExclude allow_subsequent_rendering_to_use_ui]
   onWindowStageDestroy(): void {
     // Main window is destroyed, release UI related resources
     hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageDestroy');
@@ -50,4 +52,6 @@ export default class Entry2Ability extends UIAbility {
     // Ability has back to background
     hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onBackground');
   }
+  // [EndExclude allow_subsequent_rendering_to_use_ui]
 }
+// [End allow_subsequent_rendering_to_use_ui]
\ No newline at end of file
diff --git a/code/DocsSample/ArkWeb/UsingWebMultimedia/entry2/src/main/ets/pages/Index.ets b/code/DocsSample/ArkWeb/UsingWebMultimedia/entry2/src/main/ets/pages/Index.ets
index ef722e663e39bcbf1377d773c4e023d0670d738a..778738e0706c4c442912054d962bba8ed41935cb 100755
--- a/code/DocsSample/ArkWeb/UsingWebMultimedia/entry2/src/main/ets/pages/Index.ets
+++ b/code/DocsSample/ArkWeb/UsingWebMultimedia/entry2/src/main/ets/pages/Index.ets
@@ -12,7 +12,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
+// [Start video_hosting_usage]
 import { webview } from '@kit.ArkWeb';
 import { BuilderNode, FrameNode, NodeController, NodeRenderType, UIContext } from '@kit.ArkUI';
 import { AVPlayerDemo, AVPlayerListener } from './PlayerDemo';
@@ -465,3 +465,4 @@ struct WebComponent {
     return this.nativePlayerInfoList.find((item)=> item.embedId == embedId);
   }
 }
+// [End video_hosting_usage]
\ No newline at end of file