• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# Introduction to ArkWeb
2
3## When to Use
4
5ArkWeb provides **Web** components to display web page content in applications. You can use the components in the following scenarios:
6- Web page integration: Applications can use **Web** components to embed web page content to reduce development costs and improve development and operation efficiency.
7
8- Web browsing: Browser applications can use **Web** components to open third-party web pages, browse web pages in traceless mode, and set advertisement blocking.
9
10- Applet: Host applications of applets can use **Web** components to render the pages of the applets, implement same-layer rendering, and take over video playback.
11
12## Available Capabilities
13
14The **Web** component provides various capabilities for you to control web pages, including:
15
16- Web page loading: declarative loading and off-screen loading of web pages.
17
18- Lifecycle management: component lifecycle status change and web page loading status change notification.
19
20- Common attributes and events: management of user agent, cookie and storage, font and dark mode, and permission.
21
22- Interaction with the application UI: The custom text selection menu, context menu, and file upload page can interact with the application UI.
23
24- Interaction between applications and web pages through JavaScriptProxy.
25
26- Security and privacy: traceless browsing mode, advertisement blocking, and Secure Shield mode.
27
28- Maintenance and debugging capability: [DevTools](web-debugging-with-devtools.md) for debugging, crashpad for collecting crash information of the **Web** component.
29
30- Other advanced capabilities: same-layer rendering with system components, network and media playback takeovers, and custom input method for **Web** component text boxes<!--RP1--><!--RP1End-->.
31
32## Constraints
33
34- You can obtain the support for W3C standards based on the ArkWeb kernel version at related websites. For example, **https://developer.mozilla.org/en-US/** and **https://webassembly.org/features/**.
35
36- **Web** kernel version: ArkWeb is developed based on Chromium. The corresponding Chromium versions are as follows.
37
38  | OS Version| Chromium Version|
39  |  ---|---|
40  | OpenHarmony 4.0 and earlier| M99 |
41  | OpenHarmony 4.1-5.1 | M114 |
42  | OpenHarmony 6.0 | M132 |
43
44## Samples
45
46The following samples are provided to help you better understand how to develop **Web** components:
47
48- [Using Web Components (ArkTS) (API9)](https://gitee.com/openharmony/codelabs/tree/master/ETSUI/WebCookie)
49
50- [Using Web Components in Developing Lottery Applets (ArkTS) (API9)](https://gitee.com/openharmony/codelabs/tree/master/ETSUI/WebComponent)
51