Hướng dẫn webview2 edit html - webview2 chỉnh sửa html

Bỏ qua nội dung chính

Trình duyệt này không còn được hỗ trợ.

Nâng cấp lên Microsoft Edge để tận dụng các tính năng mới nhất, cập nhật bảo mật và hỗ trợ kỹ thuật.

Giới thiệu về Microsoft Edge Webview2

  • Bài báo
  • 28/09/2022
  • 2 phút để đọc

Trong bài viết này

Điều khiển Microsoft Edge WebView2 cho phép bạn nhúng các công nghệ web (HTML, CSS và JavaScript) vào các ứng dụng gốc của bạn. Điều khiển WebView2 sử dụng Microsoft Edge làm công cụ kết xuất để hiển thị nội dung web trong các ứng dụng gốc.

Với WebView2, bạn có thể nhúng mã web vào các phần khác nhau của ứng dụng gốc hoặc xây dựng tất cả các ứng dụng gốc trong một phiên bản WebView2.

Hướng dẫn webview2 edit html - webview2 chỉnh sửa html

Để bắt đầu xây dựng một ứng dụng WebView2, hãy xem Bắt đầu với WebView2.

Phương pháp tiếp cận ứng dụng lai

Các nhà phát triển thường phải quyết định giữa việc xây dựng một ứng dụng web hoặc một ứng dụng gốc. Quyết định này xoay quanh sự đánh đổi giữa tầm với và quyền lực:

  • Ứng dụng web cho phép phạm vi tiếp cận rộng. Là một nhà phát triển web, bạn có thể sử dụng lại hầu hết các mã của mình trên các nền tảng khác nhau.

  • Để truy cập tất cả các khả năng mạnh mẽ của một nền tảng gốc, hãy sử dụng một ứng dụng gốc.

Biểu đồ sau đây cho thấy phổ của các ứng dụng, từ tầm với tối đa, đến công suất tối đa:

Hướng dẫn webview2 edit html - webview2 chỉnh sửa html

  • Phạm vi tiếp cận rộng bao gồm các trang web và ứng dụng web tiến bộ.reach includes websites and Progressive Web Apps.

  • Ở giữa là các ứng dụng lai, chẳng hạn như webview và electron.

  • Công suất tối đa là ứng dụng gốc.power is native apps.

Các ứng dụng lai, ở giữa quang phổ này, cho phép bạn tận hưởng những điều tốt nhất của cả hai thế giới: sự phổ biến và sức mạnh của nền tảng web, kết hợp với sức mạnh và khả năng đầy đủ của nền tảng gốc.

WebView2 lợi ích

  • Hệ sinh thái web và bộ kỹ năng. Sử dụng toàn bộ nền tảng web, thư viện, công cụ và tài năng tồn tại trong hệ sinh thái web.. Utilize the entire web platform, libraries, tooling, and talent that exists within the web ecosystem.

  • Đổi mới nhanh chóng. Phát triển web cho phép triển khai và lặp lại nhanh hơn.. Web development allows for faster deployment and iteration.

  • Windows 7, 8, 10 và 11 hỗ trợ. Hỗ trợ trải nghiệm người dùng nhất quán trên Windows 7, Windows 8, Windows 10 và Windows 11.. Support for a consistent user experience across Windows 7, Windows 8, Windows 10, and Windows 11.

  • Khả năng bản địa. Truy cập toàn bộ bộ API gốc.. Access the full set of Native APIs.

  • Chia sẽ mã. Thêm mã web vào cơ sở mã của bạn cho phép tăng cường tái sử dụng trên nhiều nền tảng.. Add web code to your codebase allows for increased reuse across multiple platforms.

  • Hỗ trợ của Microsoft. Microsoft cung cấp hỗ trợ và thêm các yêu cầu tính năng mới trên các nền tảng được hỗ trợ.. Microsoft provides support and adds new feature requests on supported platforms.

  • Phân phối thường xanh. Dựa vào phiên bản cập nhật của Chromium với các bản cập nhật nền tảng thường xuyên và các bản vá bảo mật.. Rely on an up-to-date version of Chromium with regular platform updates and security patches.

  • Phân phối phiên bản cố định. Tùy chọn gói một phiên bản cụ thể của các bit crom trong ứng dụng của bạn.. Optionally package a specific version of the Chromium bits in your app.

  • Áp dụng gia tăng. Thêm các thành phần web từng mảnh vào ứng dụng của bạn.. Add web components piece-by-piece to your app.

Nền tảng được hỗ trợ

Các môi trường lập trình sau được hỗ trợ:

  • Win32 C/C ++
  • .NET Framework 4.5 trở lên
  • .NET Core 3.1 trở lên
  • .NET 5
  • .NET 6
  • Winui 2.0
  • Winui 3.0

Các ứng dụng WebView2 có thể chạy trên các phiên bản Windows sau:

  • Windows 11
  • Windows 10
  • Windows 10 IoT Enterprise LTSC X32 2019
  • Windows 10 IoT Enterprise LTSC X64 2019
  • Windows 10 IoT Enterprise 21H2 x64
  • Windows 8.1
  • Windows 7 **
  • Windows Server 2022
  • Windows Server 2019
  • Windows Server 2016
  • Windows Server 2012
  • Windows Server 2012 R2
  • Windows Server 2008 R2 **

** Hỗ trợ WebView2 cho Windows 7 và Windows Server 2008 R2 có dòng thời gian hỗ trợ tương tự như Microsoft Edge. Xem các hệ điều hành được Microsoft Edge hỗ trợ.

Xem thêm

  • Tổng quan về các tính năng và API WebView2
  • Bắt đầu hướng dẫn
  • Phân phối ứng dụng của bạn và thời gian chạy WebView2

developer.microsoft.com:

  • Microsoft Edge WebView2 - Giới thiệu ban đầu về các tính năng của WebView2 tại Nhà phát triển.microsoft.com.

Nhận xét

Gửi và xem phản hồi cho

Bỏ qua nội dung chính

Trình duyệt này không còn được hỗ trợ.

Nâng cấp lên Microsoft Edge để tận dụng các tính năng mới nhất, cập nhật bảo mật và hỗ trợ kỹ thuật.

Lớp CoreWebView2Sinstall

  • Bài báo
  • 11/01/2022
  • 6 phút để đọc

Trong bài viết này

Xác định các thuộc tính kích hoạt, vô hiệu hóa hoặc sửa đổi các tính năng WebView. Các thay đổi thành CoreWebView2Sinstall.isGeneralAutoFillenables và CoreWebView2Sinstall.ispassWordAutoSaveEnables Áp dụng ngay lập tức, trong khi các thay đổi cài đặt khác được thực hiện sau sự kiện CoreWebView2.NavationStarting không áp dụng cho đến khi điều hướng cấp cao nhất tiếp theo.

Bản tóm tắt

Các thành viênSự mô tả
IsBrowSerAcceleratorKeysenablesXác định xem các khóa gia tốc dành riêng cho trình duyệt có được bật hay không.
AREDEFaultContextMenUsenablesXác định xem các menu ngữ cảnh mặc định có được hiển thị cho người dùng trong WebView hay không.
AREDEFaultScriptDialogsenablesXác định xem WebView có hiển thị hộp thoại JavaScript mặc định hay không.
AredevtoolsenablesXác định xem người dùng có thể sử dụng menu ngữ cảnh hoặc phím tắt để mở cửa sổ DevTools hay không.
ArehostObjectsallowedXác định xem các đối tượng máy chủ có thể truy cập được từ trang trong WebView hay không.
HIDDENPDFTOOLBARITEMSĐược sử dụng để tùy chỉnh các mục thanh công cụ PDF.
HostObjectDispatchAdapterBộ điều hợp mặc định sẽ được sử dụng khi chuyển các đối tượng iinspectable cho CoreWebView2.AddhostObjectToscript.
IsBuiltInErrorPagEenablesXác định xem có nên vô hiệu hóa trang lỗi được tích hợp cho lỗi điều hướng và kết xuất lỗi quá trình hay không.
IsgeneralautofillenablesXác định xem thông tin biểu mẫu chung sẽ được lưu và tự động hóa hay không.
IspasswordautosaveenEnablesXác định xem thông tin mật khẩu sẽ được tự động tiết lưu.
IspinchzoomenablesXác định khả năng của người dùng cuối sử dụng các chuyển động chèn ép trên các thiết bị cho phép đầu vào cảm ứng mở rộng nội dung web trong WebView2.
Phát hànhXác định xem việc chạy JavaScript có được bật trong tất cả các điều hướng trong tương lai trong WebView hay không.
IsstatusbarenablesXác định xem thanh trạng thái có được hiển thị hay không.
ISSWIPENAVIVIGENSXác định xem người dùng cuối có sử dụng cử chỉ Swiping On Touch Input có cho phép các thiết bị điều hướng trong WebView2 hay không.
IswebmessageEnablesXác định xem giao tiếp từ máy chủ đến tài liệu HTML cấp cao nhất của WebView có được phép hay không.
IszoomControlenablesXác định xem người dùng có thể tác động đến việc thu phóng WebView hay không.
Đại lý người dùngchuỗi useragent

Xác định tác nhân người dùng của WebView2. Giá trị mặc định là tác nhân người dùng mặc định của trình duyệt Edge. Thuộc tính này có thể bị ghi đè nếu tiêu đề tác nhân người dùng được đặt trong một yêu cầu. Nếu tham số trống, tác nhân người dùng sẽ không được cập nhật và tác nhân người dùng hiện tại sẽ vẫn còn.

Được tham chiếu bởi

Bỏ qua nội dung chính

Trình duyệt này không còn được hỗ trợ.

  • Nâng cấp lên Microsoft Edge để tận dụng các tính năng mới nhất, cập nhật bảo mật và hỗ trợ kỹ thuật.
  • Lớp CoreWebView2Sinstall
  • Bài báo
  • 11/01/2022
  • 6 phút để đọc
  • Trong bài viết này

Xác định các thuộc tính kích hoạt, vô hiệu hóa hoặc sửa đổi các tính năng WebView. Các thay đổi thành CoreWebView2Sinstall.isGeneralAutoFillenables và CoreWebView2Sinstall.ispassWordAutoSaveEnables Áp dụng ngay lập tức, trong khi các thay đổi cài đặt khác được thực hiện sau sự kiện CoreWebView2.NavationStarting không áp dụng cho đến khi điều hướng cấp cao nhất tiếp theo.

  • Bản tóm tắt
  • Các thành viên
  • Sự mô tả
  • IsBrowSerAcceleratorKeysenables

Xác định xem các khóa gia tốc dành riêng cho trình duyệt có được bật hay không.

Cài đặt này không có tác dụng đối với sự kiện CoreWebView2Controll.acceleratorKeyPression. Sự kiện sẽ được bắn cho tất cả các phím tăng tốc, cho dù chúng có được bật hay không.

Giá trị mặc định của AreBrowserAcceleratorKeysEnabled là đúng.

AREDEFaultContextMenUsenables

BOOL AREDEFAULTCONTEXTMENUSENABLED

Xác định xem các menu ngữ cảnh mặc định có được hiển thị cho người dùng trong WebView hay không. Giá trị mặc định là true.

AREDEFaultScriptDialogsenables

Bool AREDEFaultScriptDialogsenables

Xác định xem WebView có hiển thị hộp thoại JavaScript mặc định hay không. Điều này được sử dụng khi tải một tài liệu HTML mới. Nếu được đặt thành false, WebView không hiển thị hộp thoại JavaScript mặc định (cụ thể là các bảng được hiển thị bởi Cảnh báo JavaScript, xác nhận, các chức năng nhắc nhở và sự kiện beforeunload). Thay vào đó, WebView tăng sự kiện CoreWebView2.ScriptDialogopening chứa tất cả thông tin cho hộp thoại và cho phép ứng dụng máy chủ hiển thị UI tùy chỉnh. Giá trị mặc định là true.

Aredevtoolsenables

Bool aredevtoolsenables

Xác định xem người dùng có thể sử dụng menu ngữ cảnh hoặc phím tắt để mở cửa sổ DevTools hay không. Giá trị mặc định là true.

ArehostObjectsallowed

Bool ArehostObjectsallowed

Xác định xem các đối tượng máy chủ có thể truy cập được từ trang trong WebView hay không. Giá trị mặc định là true.

HIDDENPDFTOOLBARITEMS

CoreWebView2Pdftoolbaritems HIDDENPDFTOOLBARITEMS

Được sử dụng để tùy chỉnh các mục thanh công cụ PDF. Theo mặc định, đó là CoreWebView2PDftoolBaritems.none và do đó nó hiển thị tất cả các mục. Các thay đổi đối với thuộc tính này áp dụng cho tất cả CoreWebView2s trong cùng một môi trường và sử dụng cùng một hồ sơ. Thay đổi cho cài đặt này chỉ áp dụng sau khi điều hướng tiếp theo.

HostObjectDispatchAdapter

ICOREWEBVIEW2DispatchAdapter hostObjectDispatchAdapter

Bộ điều hợp mặc định sẽ được sử dụng khi chuyển các đối tượng iinspectable cho CoreWebView2.AddhostObjectToscript.

IsBuiltInErrorPagEenables

Bool isBuiltInErrorPageEnables

Xác định xem có nên vô hiệu hóa trang lỗi được tích hợp cho lỗi điều hướng và kết xuất lỗi quá trình hay không. Khi bị tắt, trang trống được hiển thị khi xảy ra lỗi liên quan. Giá trị mặc định là true.

Isgeneralautofillenables

Bool Isgeneralautofillenables

Xác định xem thông tin biểu mẫu chung sẽ được lưu và tự động hóa hay không. Thông tin tự động toàn bộ bao gồm thông tin như tên, địa chỉ đường phố và email, số điện thoại và đầu vào tùy ý. Điều này không bao gồm thông tin mật khẩu. Khi bị vô hiệu hóa, không có đề xuất nào xuất hiện và không có thông tin mới nào được lưu. Khi được bật, thông tin được lưu, các đề xuất xuất hiện và nhấp vào một sẽ điền vào các trường biểu mẫu. Giá trị mặc định là true. Nó sẽ áp dụng ngay sau khi cài đặt.

IspasswordautosaveenEnables

Bool ispasswordautosaveenEnables

Xác định xem thông tin mật khẩu sẽ được tự động tiết lưu. Khi bị tắt, không có dữ liệu mật khẩu mới nào được lưu và không có lời nhắc lưu/cập nhật mật khẩu. Tuy nhiên, nếu có dữ liệu mật khẩu đã được lưu trước khi vô hiệu hóa cài đặt này, thì thông tin mật khẩu đó được tự động dân cư, các đề xuất được hiển thị và nhấp vào một sẽ điền vào các trường. Khi được bật, thông tin mật khẩu được tự động dân cư, các đề xuất được hiển thị và nhấp vào một sẽ có các trường, dữ liệu mới được lưu và dấu nhắc mật khẩu lưu/cập nhật được hiển thị. Giá trị mặc định là false. Nó sẽ áp dụng ngay sau khi cài đặt.

Ispinchzoomenables

Bool Ispinchzoomenables

Xác định khả năng của người dùng cuối sử dụng các chuyển động chèn ép trên các thiết bị cho phép đầu vào cảm ứng mở rộng nội dung web trong WebView2. Khi bị tắt, người dùng cuối không thể sử dụng các chuyển động chèn ép trên các thiết bị cho phép đầu vào cảm ứng mở rộng nội dung web trong WebView2. Giá trị mặc định là true. Pinch-Zoom, được gọi là zoom "thang điểm", được thực hiện dưới dạng bước sau khi kết xuất, nó thay đổi thuộc tính nhân tố tỷ lệ trang và chia tỷ lệ bề mặt trang web được hiển thị khi người dùng thực hiện hành động phóng to tăng vôi. Nó không thay đổi bố cục mà thay vào đó thay đổi chế độ xem và clip nội dung web, nội dung bên ngoài chế độ xem không hiển thị trên màn hình và người dùng không thể tiếp cận nội dung này bằng chuột. API này chỉ ảnh hưởng đến thu phóng tỷ lệ trang và không có tác dụng đối với các thuộc tính Zoom của trình duyệt hiện có (CoreWebView2Sinstall.iszoomControlenables và CoreWebView2Controll.zoomFactor) hoặc các cơ chế người dùng cuối khác để phóng to.

Phát hành

bool phát hành

Xác định xem việc chạy JavaScript có được bật trong tất cả các điều hướng trong tương lai trong WebView hay không. Điều này chỉ ảnh hưởng đến các tập lệnh trong tài liệu. Các tập lệnh được tiêm CoreWebView2.Executescriptasync chạy ngay cả khi tập lệnh bị tắt. Giá trị mặc định là true.

Isstatusbarenables

Bool isstatusbarenables

Xác định xem thanh trạng thái có được hiển thị hay không. Thanh trạng thái thường được hiển thị ở phía dưới bên trái của WebView và hiển thị những thứ như URI của một liên kết khi người dùng di chuyển qua nó và các thông tin khác. Giá trị mặc định là true. UI thanh trạng thái có thể được thay đổi bởi nội dung web và không nên được coi là an toàn.

ISSWIPENAVIVIGENS

BOOL ISSWIPENAVIVIGENS

Xác định xem người dùng cuối có sử dụng cử chỉ Swiping On Touch Input có cho phép các thiết bị điều hướng trong WebView2 hay không. Vuốt Điều hướng cử chỉ trên màn hình cảm ứng bao gồm:

  • Vuốt sang trái/phải (vuốt theo chiều ngang) để điều hướng đến trang trước/tiếp theo trong lịch sử điều hướng.
  • Kéo để làm mới (vuốt theo chiều dọc) trang hiện tại. . Nó mặc định là true. Khi được đặt thành false, người dùng cuối không thể vuốt để điều hướng hoặc kéo để làm mới. API này chỉ ảnh hưởng đến chức năng điều hướng quá mức và không có tác dụng đối với tương tác cuộn được sử dụng để khám phá nội dung web được hiển thị trong WebView2.

IswebmessageEnables

Bool iswebmessageEnables

Xác định xem giao tiếp từ máy chủ đến tài liệu HTML cấp cao nhất của WebView có được phép hay không. Điều này được sử dụng khi tải một tài liệu HTML mới. Nếu được đặt thành true, giao tiếp từ máy chủ đến tài liệu HTML cấp cao nhất của WebView được phép sử dụng CoreWebView2.PostWebMessageAsjson, CoreWebView2.PostWebMessageAsString và sự kiện thông báo của true7. Giao tiếp từ tài liệu HTML cấp cao nhất của WebView đến máy chủ được phép sử dụng chức năng true8 và sự kiện CoreWebView2.WebMessAgereceed. Nếu được đặt thành false, thì giao tiếp không được phép. CoreWebView2.PostWebMessageAsjson và CoreWebView2.PostWebMessageAsString Fail và true8 thất bại bằng cách ném một ví dụ về một đối tượng lỗi. Giá trị mặc định là true.

IszoomControlenables

Bool IszoomControlenables

Xác định xem người dùng có thể tác động đến việc thu phóng WebView hay không. Khi bị vô hiệu hóa, người dùng không thể phóng to bằng cách sử dụng bánh xe chuột Ctrl ++, Ctr+-hoặc Ctrl+, nhưng zoom được đặt bằng thuộc tính CoreWebView2Controll.zoomFactor. Giá trị mặc định là true.

Đại lý người dùng

chuỗi useragent

Xác định tác nhân người dùng của WebView2. Giá trị mặc định là tác nhân người dùng mặc định của trình duyệt Edge. Thuộc tính này có thể bị ghi đè nếu tiêu đề tác nhân người dùng được đặt trong một yêu cầu. Nếu tham số trống, tác nhân người dùng sẽ không được cập nhật và tác nhân người dùng hiện tại sẽ vẫn còn.

Được tham chiếu bởi

  • CoreWebView2