Αυτό το άρθρο είναι ένα άρθρο καθρέφτη της αυτόματης μετάφρασης, κάντε κλικ εδώ για να μεταβείτε στο αρχικό άρθρο.

Άποψη: 9045|Απάντηση: 7

[Πηγή] [WebView2] (2) Το WinForm εισάγει το WebView2 για την εμφάνιση περιεχομένου ιστού

[Αντιγραφή συνδέσμου]
Δημοσιεύτηκε στις 2022-9-25 23:02:27 | | | |
Απαιτήσεις: Δημιουργήστε ένα νέο έργο .NET Framework 4.7.2 WinForm με το VS 2022, ανατρέξτε στο πακέτο Microsoft.Web.WebView2 SDK και χρησιμοποιήστε το στοιχείο ελέγχου WebView2 για να εμφανίσετε και να αποδώσετε την εφαρμογή web. Το στοιχείο ελέγχου Microsoft Edge WebView2 επιτρέπει την ενσωμάτωση τεχνολογιών web (HTML, CSS και JavaScript) σε εγγενείς εφαρμογές. Το στοιχείο ελέγχου WebView2 χρησιμοποιεί τον Microsoft Edge ως μηχανή σχεδίασης για την εμφάνιση περιεχομένου ιστού σε εγγενείς εφαρμογές.

Αναθεώρηση:

[WebView2] (1) Αρχική εισαγωγή στην τεχνολογία Microsoft Edge WebView2
https://www.itsvse.com/thread-10361-1-1.html

Χρόνος εκτέλεσης WebView2

Εάν το σύστημά σας Windows δεν έχει εγκατεστημένο το χρόνο εκτέλεσης WebView2 (Το σύστημα Windows 11 είναι ήδη εγκατεστημένο από προεπιλογή), την πρώτη φορά που θα χρειαστεί να το κατεβάσετε με μη αυτόματο τρόπο, διευθύνετε:Η σύνδεση με υπερσύνδεσμο είναι ορατή.

Δημιουργία νέου έργου WinForm

Ανοίξτε το VS 2022 για να δημιουργήσετε ένα νέο έργο WinForm για το .NET Framework 4.7.2, αφού το δημιουργήσετε, πρέπει να αναφέρετε το πακέτο Microsoft.Web.WebView2, η εντολή nuget είναι η εξής:


Στην εργαλειοθήκη, βρείτε το στοιχείο ελέγχου WebView2 στην περιοχή Στοιχείο ελέγχου φορμών των Windows και σύρετέ το στη φόρμα Form1, όπως φαίνεται στην παρακάτω εικόνα:



Συμβουλή: Από προεπιλογή, στο Visual Studio 2017, το WebView2 δεν εμφανίζεται στην Εργαλειοθήκη. Για να εμφανίζεται το WebView2 στην εργαλειοθήκη, επιλέξτε Εργαλεία > > Γενικά> και ορίστε τη ρύθμιση της εργαλειοθήκης Αυτόματη συμπλήρωση σε true.

Ρύθμιση του στοιχείου ελέγχου webView21Αποβάθρα: Γέμισμα,Πηγή:https://www.itsvse.com/, όπως φαίνεται στο παρακάτω σχήμα:



Ξεκινήστε το έργο και μπορείτε να δείτε ότι η εφαρμογή WinForm φορτώνει και εμφανίζει με επιτυχία το περιεχόμενο web, όπως φαίνεται στην παρακάτω εικόνα:



Μέγεθος εφαρμογής WinForm

Μία από τις μεγαλύτερες ανησυχίες είναι το μέγεθος της εφαρμογής, μετά τη δημιουργία μιας νέας εφαρμογής WinForm που αναφέρεται στο WebView2 SDK, το μέγεθος του προγράμματος χωρίς σχεδόν καθόλου κώδικα είναι:1,36 εκατ., όπως φαίνεται στο παρακάτω σχήμα:




Εμφανίζει την έκδοση χρόνου εκτέλεσης WebView2

Πώς μπορώ να περάσω από το πρόγραμμα .NET είτε το σύστημα έχει το χρόνο εκτέλεσης WebView2 είτε την έκδοση του χρόνου εκτέλεσης WebView2; Ο κωδικός έχει ως εξής:




επικαλούμαιΜέθοδος GetAvailableBrowserVersionString().ανώμαλος, πράγμα που σημαίνει ότι ο χρόνος εκτέλεσης WebView2 δεν είναι εγκατεστημένος


Για πληροφορίες σχετικά με τη διανομή εφαρμογών και τον χρόνο εκτέλεσης του WebView2, ανατρέξτε στο θέμα:Η σύνδεση με υπερσύνδεσμο είναι ορατή.

Ενεργοποίηση εργαλείων προγραμματιστή

Πώς μπορώ να ενεργοποιήσω τα εργαλεία προγραμματιστή όταν πρέπει να αναθέσω από κοινού μια εφαρμογή web με το WinForm, μερικές φορές χρειάζεται να κοιτάξω στοιχεία DOM ή αιτήσεις πόρων δικτύου;

Μπορείτε να ανοίξετε τα Εργαλεία προγραμματιστή DevTools χρησιμοποιώντας τη μέθοδο F12 στο στοιχείο ελέγχου webview2 μετά την εκκίνηση ή μπορείτε να το ανοίξετε με τον ακόλουθο κώδικα:
Οπως φαίνεται παρακάτω:



Απενεργοποιήστε τα μενού με δεξί κλικ και τα εργαλεία προγραμματιστή

Σε ένα πραγματικό περιβάλλον παραγωγής, όταν αναπτύσσουμε το πρόγραμμα-πελάτη της εφαρμογής στο μηχάνημα του πελάτη,Δεν θέλετε οι χρήστες να μπορούν να κάνουν δεξί κλικ (ανανέωση, προβολή πηγαίου κώδικα σελίδας κ.λπ.) και να απενεργοποιούν τα εργαλεία προγραμματιστή και τα στοιχεία ελέγχου ζουμ σελίδας, ο κωδικός έχει ως εξής:


Τεκμηρίωση API Microsoft.Web.WebView2.Core:Η σύνδεση με υπερσύνδεσμο είναι ορατή.
Τεκμηρίωση API Microsoft.Web.WebView2.WinForms:Η σύνδεση με υπερσύνδεσμο είναι ορατή.

Λήψη πηγαίου κώδικα:

Τουρίστες, αν θέλετε να δείτε το κρυφό περιεχόμενο αυτής της ανάρτησης, παρακαλώΑπάντηση


(Τέλος)






Προηγούμενος:[WebView2] (1) Αρχική εισαγωγή στην τεχνολογία Microsoft Edge WebView2
Επόμενος:【Βελτιστοποίηση απόδοσης】 Λειτουργίες προσύνδεσης, DNS-Prefetch και προφόρτωσης στο front-end
Δημοσιεύτηκε στις 2022-10-8 15:04:43 |
Μάθε το
Δημοσιεύτηκε στις 2023-3-6 16:28:26 |
Αφεντικό, σκληρή δουλειά, σε παρακαλώ διάβασέ το
Δημοσιεύτηκε στις 2023-7-28 16:37:19 |
Μάθετε από το αφεντικό
Δημοσιεύτηκε στις 2023-8-8 09:05:33 |
Μάθε το
Δημοσιεύτηκε στις 2025-3-17 09:54:57 |
Καταπληκτικό, μαθημένο
Δημοσιεύτηκε στις 2025-4-22 11:55:36 |
Φοβερό, κοιτάξτε τον κώδικά σας
 Σπιτονοικοκύρης| Δημοσιεύτηκε στις 2025-7-22 16:13:55 |
Απενεργοποίηση συντομεύσεων
Αποκήρυξη:
Όλο το λογισμικό, το υλικό προγραμματισμού ή τα άρθρα που δημοσιεύονται από το Code Farmer Network προορίζονται μόνο για μαθησιακούς και ερευνητικούς σκοπούς. Το παραπάνω περιεχόμενο δεν θα χρησιμοποιηθεί για εμπορικούς ή παράνομους σκοπούς, άλλως οι χρήστες θα υποστούν όλες τις συνέπειες. Οι πληροφορίες σε αυτόν τον ιστότοπο προέρχονται από το Διαδίκτυο και οι διαφορές πνευματικών δικαιωμάτων δεν έχουν καμία σχέση με αυτόν τον ιστότοπο. Πρέπει να διαγράψετε εντελώς το παραπάνω περιεχόμενο από τον υπολογιστή σας εντός 24 ωρών από τη λήψη. Εάν σας αρέσει το πρόγραμμα, υποστηρίξτε γνήσιο λογισμικό, αγοράστε εγγραφή και λάβετε καλύτερες γνήσιες υπηρεσίες. Εάν υπάρχει οποιαδήποτε παραβίαση, επικοινωνήστε μαζί μας μέσω email.

Mail To:help@itsvse.com