Επεκτάσεις διαμόρφωσης. Χρήσιμες συμβουλές για ανάπτυξη. Πώς να εγκαταστήσετε μια επέκταση στο Google Chrome Εγκατάσταση μιας ληφθείσας επέκτασης σε μορφή .crx

Πρώτον, λίγα λόγια για το τι είναι μια επέκταση: μια επέκταση είναι ένα μικρό πρόσθετο για το πρόγραμμα περιήγησης που επεκτείνει τη λειτουργικότητά του. Οι επεκτάσεις μπορούν να εκτελέσουν μια μεγάλη ποικιλία λειτουργιών: καθιστούν δυνατή τη λήψη μουσικής ή βίντεο όπου απλά δεν μπορείτε να τα κατεβάσετε, για παράδειγμα, στο VKontakte ή στο Youtube. Απλοποιούν την εργασία με έγγραφα και εικόνες, σας δίνουν την ευκαιρία να επιλέξετε ποια μηχανή αναζήτησης θα χρησιμοποιήσετε σε μια συγκεκριμένη κατάσταση χωρίς να μεταβείτε στον ιστότοπο της μηχανής αναζήτησης και αλλάζουν την εμφάνιση του ιστότοπου.

Οι επεκτάσεις στο Google Chrome εγκαθίστανται από το επίσημο κατάστημα εφαρμογών, μην αφήνετε το όνομα να σας μπερδεύει - δεν χρειάζεται να αγοράσετε τίποτα. Για να μεταβείτε στο κατάστημα επέκτασης, ακολουθήστε τον σύνδεσμο

Ή μεταβείτε στο κατάστημα χρησιμοποιώντας το μενού του προγράμματος περιήγησης: στην επάνω δεξιά γωνία του προγράμματος περιήγησης, κάντε κλικ στο κουμπί με τις τρεις τελείες. Θα ανοίξει το μενού του προγράμματος περιήγησης, σε αυτό πρέπει να επιλέξετε "Πρόσθετα εργαλεία."Θα εμφανιστεί ένα άλλο παράθυρο στο οποίο πρέπει να βρείτε το αντικείμενο "Επεκτάσεις"και κάντε κλικ σε αυτό:

Τώρα βρίσκεστε στην καρτέλα με τις επεκτάσεις εγκατεστημένες στο πρόγραμμα περιήγησης. Εάν δεν είχαν εγκατασταθεί προηγουμένως επεκτάσεις, τότε δεν θα εμφανιστεί τίποτα εδώ ή θα εμφανιστούν οι προεγκατεστημένες επεκτάσεις του Google Chrome - έγγραφα, παρουσιάσεις, πίνακες. Εξαρτάται από την έκδοση του προγράμματος περιήγησης. Κάντε κλικ στο στοιχείο μενού επάνω αριστερά "Επεκτάσεις", μετά κάτω σε "Άνοιγμα Chrome Web Store":

μετά από αυτό θα μεταφερθείτε στο κατάστημα επέκτασης. Εδώ μπορείτε να δείτε όλα τα διαθέσιμα, να τα ταξινομήσετε κατά κατηγορίες, δυνατότητες, αξιολογήσεις. Το μόνο αρνητικό είναι η γλώσσα· δεν έχουν όλες οι επεκτάσεις περιγραφή και διεπαφή στα ρωσικά.

Εάν γνωρίζετε ποια επέκταση χρειάζεστε, απλώς εισαγάγετε το όνομά της "Αναζήτηση ανά κατάστημα"και πατήστε Enter. Λάβετε υπόψη ότι τα αποτελέσματα αναζήτησης μπορεί να περιέχουν όχι μόνο επεκτάσεις, αλλά και εφαρμογές. Για να αποφύγετε λάθη, επιλέξτε από τα αποτελέσματα αναζήτησης "Επεκτάσεις". Από τα αποτελέσματα που βρέθηκαν, επιλέξτε την απαιτούμενη επέκταση και κάντε κλικ στο κουμπί "Εγκαθιστώ":

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

Οι ρυθμίσεις ενεργοποιούνται κάνοντας δεξί κλικ στο εικονίδιο. Σε ορισμένες περιπτώσεις, ενδέχεται να μην υπάρχει εικονίδιο· όλα εξαρτώνται από την επέκταση που εγκαθίσταται και τις δυνατότητές της.

Πώς να εγκαταστήσετε μια επέκταση τρίτου μέρους στο Google Chrome

Εάν έχετε επέκταση τρίτου μέρους ή σενάριο χρήστη από μια πηγή που εμπιστεύεστε, αλλά για κάποιο λόγο αυτή η επέκταση δεν είναι διαθέσιμη στο κατάστημα Google Chrome, δεν θα μπορείτε να την εγκαταστήσετε με τον συνηθισμένο τρόπο. Για λόγους ασφάλειας, η εγκατάσταση επεκτάσεων τρίτων, δηλαδή επεκτάσεων που δεν προέρχονται από το κατάστημα, απαγορεύεται στο Chrome. Ακολουθούν τρόποι με τους οποίους μπορείτε να αντιμετωπίσετε αυτόν τον περιορισμό.

Εγκατάσταση της ληφθείσας επέκτασης σε μορφή .crx

  1. Πρώτα πρέπει να ανοίξετε τη σελίδα επεκτάσεων στο πρόγραμμα περιήγησης, όπως περιγράφεται παραπάνω: Μενού προγράμματος περιήγησης στην επάνω δεξιά γωνία > Πρόσθετα εργαλεία > Επεκτάσεις. Ή αντιγράψτε το chrome://extensions/ στη γραμμή διευθύνσεων του προγράμματος περιήγησής σας και πατήστε Enter.
  2. Στο επάνω μέρος της σελίδας υπάρχει ένας διακόπτης "Λειτουργία προγραμματιστή", ενεργοποιήστε τον. Παρακάτω θα υπάρχουν 3 επιπλέον κουμπιά: "Επέκταση πακέτου"Και "Ενημέρωση επεκτάσεων":

  1. Αρχείο επέκτασης που τελειώνει με .crx, μετονομάστε το έτσι ώστε να τελειώνει με .φερμουάρκαι ανοίξτε το με αρχειοθέτηση ως κανονικό αρχείο. Αποσυσκευάστε το σε έναν φάκελο που έχει προετοιμαστεί για αυτό (για παράδειγμα, δημιουργήστε έναν φάκελο στη μονάδα δίσκου "C" που ονομάζεται Extensions ή οποιοδήποτε άλλο όνομα).
  2. Στο πρόγραμμα περιήγησης, στη σελίδα με τις επεκτάσεις, κάντε κλικ στο κουμπί "Φόρτωση μη συσκευασμένης επέκτασης"και στο παράθυρο που εμφανίζεται, επιλέξτε τον φάκελο που δημιουργήθηκε και μετά κάντε κλικ στο OK.

Η επέκταση θα εγκατασταθεί στο πρόγραμμα περιήγησης, τώρα το μόνο που μένει είναι να την ενεργοποιήσετε μετακινώντας τον διακόπτη δίπλα στην επέκταση στη θέση "Ενεργοποιημένη".

Εγκατάσταση ενός σεναρίου χρήστη - ενός αρχείου όπως το .user.js στο Google Chrome

Μέθοδος ένα, απλούστερο, αλλά απαιτεί την εγκατάσταση πρόσθετης επέκτασης. Η επέκταση ονομάζεται tampermonkey και πρέπει να εγκατασταθεί από το κατάστημα Google Chrome. Μετά την εγκατάσταση, θα είναι διαθέσιμο στην επάνω δεξιά γωνία του προγράμματος περιήγησης. Όταν πατάτε αριστερό κουμπί του ποντικιούΤο παρακάτω παράθυρο θα εμφανιστεί στο εικονίδιο της επέκτασης:

στο οποίο πρέπει να επιλέξετε ένα στοιχείο "Δημιουργία νέου σεναρίου". Σημειώστε ότι απέναντι από το σημείο "Ενεργοποιημένο"θα πρέπει να υπάρχει ένα πράσινο σημάδι επιλογής.

Θα ανοίξει ένα παράθυρο για τη δημιουργία ενός νέου σεναρίου. Τώρα πρέπει να ανοίξετε το σενάριο χρήστη που κατεβάσατε χρησιμοποιώντας ένα πρόγραμμα επεξεργασίας κειμένου, να αντιγράψετε τον κώδικα από αυτό και να τον επικολλήσετε σε αυτό το παράθυρο στο πρόγραμμα περιήγησης. Στη συνέχεια κάντε κλικ στο "Αρχείο -> Αποθήκευση":

Το σενάριο είναι έτοιμο να λειτουργήσει.

Η δεύτερη μέθοδος εγκατάστασης ενός σεναρίου χρήστη– χωρίς χρήση επεκτάσεων. Για να γίνει αυτό, θα πρέπει να τροποποιήσετε λίγο το σενάριο, να δημιουργήσετε ένα αρχείο manifest.json για αυτό, χάρη στο οποίο το σενάριο μπορεί να εγκατασταθεί ως μη συσκευασμένη επέκταση.

  1. Πρώτα πρέπει να κάνετε λήψη του ίδιου του αρχείου σεναρίου που ονομάζεται *.user.js.
  2. Τώρα δημιουργήστε έναν φάκελο και βάλτε το σενάριο σε αυτόν (για παράδειγμα, δημιουργήστε έναν φάκελο στη μονάδα δίσκου "C" που ονομάζεται Extensions ή οποιοδήποτε άλλο όνομα).
  3. Ανοίξτε το σενάριο χρησιμοποιώντας ένα πρόγραμμα επεξεργασίας κειμένου. Σημείωση! Ένα κανονικό σημειωματάριο των Windows μπορεί να μην είναι κατάλληλο - συνιστάται να χρησιμοποιήσετε ένα πρόγραμμα επεξεργασίας κειμένου με δυνατότητα αλλαγής της κωδικοποίησης, για παράδειγμα Notepad++. Το κείμενο αυτών των δύο αρχείων πρέπει να είναι σε κωδικοποίηση UTF-8, διαφορετικά η εγκατάσταση δεν θα λειτουργήσει.Στο αρχείο σεναρίου, στην αρχή, βρείτε τις ακόλουθες γραμμές:

// @name ... // @version ... // @description ... // @include ... (μπορεί να είναι πολλά) // @exclude ... (μπορεί να είναι πολλά)

  1. Στον ίδιο φάκελο, δημιουργήστε ένα αρχείο manifest.json και επικολλήστε αυτό το πρότυπο σε αυτό (ή κατεβάστε το τελικό αρχείο):

( "content_scripts": [ ( "exclude_globs": [ "all_domains_and_paths_from_exclude_directives" ], "exclude_matches": , "include_globs": [ "all_domains_and_paths_from_include_directives" ], "js_script": http://*/*", "https://*/*" ], "run_at": "document_idle" ) ], "converted_from_user_script": true, "description": "description_of_your_user_script", "name": "name_of_your_user_script" " ", "έκδοση": "userscript_version_number", "manifest_version": 2 )

"content_scripts" : [ (

"exclude_globs" : [ "all_domains_and_paths_from_exclude_directives"] ,

"exclude_maches" : ,

"include_globs" : [ "all_domains_and_paths_from_include_directives"] ,

: "description_of_your_userscript",

"όνομα" : "your_userscript_name",

"εκδοχή" : "userscript_version_number",

"manifest_version" : 2

Συμπληρώστε το με τα δεδομένα του userscript που αναζητήσατε στο βήμα 3.

userscript_version_number- έως 4 αριθμοί που χωρίζονται με τελείες. Για παράδειγμα, 2.1.3

userscript_file_name.js- όνομα του αρχείου σεναρίου που βρίσκεται δίπλα στο αρχείο manifest.json

all_domains_and_paths_from_include_directives- το καθένα σε εισαγωγικά, χωρισμένο με κόμματα, με όλους τους μεταχαρακτήρες όπως "*" - όλες οι διαδρομές από @ περιλαμβάνουν οδηγίες, οι οποίες είναι γραμμένες στην αρχή του αρχείου του userscript (για παράδειγμα, [ "http://site1.ru/*" , "http:// site2.ru/*" ]);

all_domains_and_paths_from_exclude_directives- το ίδιο για τις οδηγίες @exclude

Αφού όλα είναι έτοιμα, το userscript εγκαθίσταται ως επέκταση τρίτου μέρους. Μενού προγράμματος περιήγησης στην επάνω δεξιά γωνία > Περισσότερα εργαλεία > Επεκτάσεις. Επιλέξτε το πλαίσιο ελέγχου "Λειτουργία προγραμματιστή" και, στη συνέχεια, επιλέξτε "Φόρτωση μη συσκευασμένης επέκτασης..." και στο παράθυρο που ανοίγει, επιλέξτε το φάκελο με τα αρχεία που δημιουργήθηκαν πρόσφατα. Εάν όλα γίνονται σωστά, το σενάριο χρήστη θα προστεθεί στο πρόγραμμα περιήγησης και θα ενεργοποιηθεί. Το μόνο μειονέκτημα αυτής της μεθόδου είναι ότι κάθε φορά που ξεκινάτε το πρόγραμμα περιήγησης, θα εμφανίζει το ακόλουθο παράθυρο:

σας ειδοποιεί ότι έχει εγκαταστήσει μια επέκταση τρίτου μέρους που μπορεί να μην είναι ασφαλής. Απλώς κάντε κλικ στο "Ακύρωση" και όλα θα λειτουργήσουν.

0. Εισαγωγή

Ο μηχανισμός επέκτασης διαμόρφωσης εμφανίστηκε στην πλατφόρμα 8.3.6 και, κατά συνέπεια, μπορεί να χρησιμοποιηθεί σε διαμορφώσεις με απενεργοποιημένη συμβατότητα. Επί του παρόντος, όλες οι τυπικές διαμορφώσεις σε διαχειριζόμενες φόρμες υποστηρίζουν την εργασία με επεκτάσεις. Ας ρίξουμε μια πιο προσεκτική ματιά σε αυτό το μηχανισμό.

Σύμφωνα με την τεκμηρίωση:

"Ο μηχανισμός επέκτασης διαμόρφωσης είναι ένας ειδικός μηχανισμός που έχει σχεδιαστεί για την τροποποίηση μιας επεκτάσιμης διαμόρφωσης χωρίς αλλαγή αυτής της διαμόρφωσης (συμπεριλαμβανομένης της κατάργησης υποστήριξης).

Ο κύριος σκοπός της επέκτασης της διαμόρφωσης είναι η βελτίωση της λύσης εφαρμογής κατά την υλοποίηση (ή στο «σύννεφο») ώστε να ταιριάζει στις ανάγκες του πελάτη. Σε αυτήν την περίπτωση, η διαμόρφωση που τροποποιείται δεν χρειάζεται να αφαιρεθεί από την υποστήριξη. Ως αποτέλεσμα, παραμένει εύκολη η ενημέρωση μιας τυπικής λύσης εφαρμογής που υποστηρίζεται, με την ανάγκη να γίνουν τροποποιήσεις. Κατά την ανάπτυξη μιας επέκτασης, θα πρέπει να κατανοήσετε ορισμένα από τα χαρακτηριστικά του τρόπου λειτουργίας μιας επέκτασης διαμόρφωσης. Έτσι, η επεκτάσιμη διαμόρφωση μπορεί να αλλάξει ανά πάσα στιγμή, για παράδειγμα, ως αποτέλεσμα μιας ενημέρωσης. Ταυτόχρονα, ο προγραμματιστής της επέκτασης δεν μπορεί με κανέναν τρόπο να επηρεάσει τη δυνατότητα ή την αδυναμία ενημέρωσης. Θα πρέπει επίσης να λάβετε υπόψη το γεγονός ότι περισσότερες από μία επεκτάσεις ενδέχεται να λειτουργούν σε ένα σύστημα και ο συντάκτης κάθε επέκτασης (γενικά) δεν γνωρίζει πώς λειτουργεί η άλλη επέκταση."

Μπορείτε να διαβάσετε και να δείτε περισσότερες λεπτομέρειες σχετικά με τις επεκτάσεις εδώ:

Σημειώσεις μέσα από το γυαλί
Μαθήματα Gilev και Nasipov
Επεκτάσεις στην 8.3.9

Παρακάτω θα δώσω χρήσιμες συμβουλές για την εργασία με επεκτάσεις.

Μερικά μπορεί να φαίνονται πολύ απλά ή προφανή, αλλά μπορεί να είναι χρήσιμα για όσους μόλις αρχίζουν να εργάζονται με επεκτάσεις.
Θα χαρώ επίσης να προσθέσω τις συμβουλές σας από τα σχόλια.

Λοιπόν πάμε!

1. Εμφάνιση/απόκρυψη αμετάβλητων αντικειμένων

Όταν προσθέτετε νέα αντικείμενα στην επέκταση, τα σχετικά αντικείμενα προστίθενται επίσης αυτόματα. Ως αποτέλεσμα, πολλά αντικείμενα υπηρεσίας συσσωρεύονται στα μεταδεδομένα επέκτασης.
Για να εμφανιστούν μόνο τα αλλαγμένα αντικείμενα υπάρχει ένα κουμπί "Αλλαγή και προσθήκη στην επέκταση". Όταν κάνετε κλικ, εμφανίζονται μόνο τα αντικείμενα επέκτασης που προστέθηκαν χειροκίνητα και τροποποιήθηκαν.
Η αρχή της λειτουργίας του φαίνεται παρακάτω:

2. Ακολουθία εκτέλεσης χειριστών

Εάν παρακάμψετε ένα συμβάν ή μια εντολή σε μια επέκταση, τότε από προεπιλογή εκτελείται πρώτα το πρόγραμμα χειρισμού από την επέκταση και μετά το πρόγραμμα χειρισμού τυπικής διαμόρφωσης.
Αυτό δεν είναι πάντα βολικό, για παράδειγμα, όταν ορισμένες λειτουργίες πρέπει να εκτελούνται μετά από τυπικούς χειριστές.
Ας δούμε παραδείγματα που σας επιτρέπουν να αλλάξετε αυτήν τη σειρά:

α) Πρώτα εκτελέστε τον τυπικό κωδικό και μετά τον κωδικό από την επέκταση:

&OnServer Procedure Study_WhenCreatingOnServer(Failure, StandardProcessing) AdditionalParameters = New Structure; AdditionalParameters.Insert("Message", "AfterTypicalHandler!"); SetExecutionAfterEventHandlers("ExecuteAfterTypicalHandler", AdditionalParameters); Τέλος διαδικασίας &Στον διακομιστή Διαδικασία ExecuteAfterTypicalHandler(Αποτυχία, StandardProcessing, AdditionalParameters) Notify(AdditionalParameters.Message); Τέλος Διαδικασίας

β) Εκτελέστε πρώτα τον κώδικα από την επέκταση, μετά τον τυπικό κώδικα και μετά ξανά τον κώδικα από την επέκταση

&Στο διακομιστή Διαδικασία Εκμάθηση_Όταν ΔημιουργίαΣτον διακομιστή(Αποτυχία, ΤυπικήΕπεξεργασία) // Διαδικασίες πριν από τους τυπικούς χειριστές Αναφορά("Πριν από τον τυπικό χειριστή!"); // Εγκαταστήστε ένα πρόγραμμα χειρισμού μετά τον τυπικό χειριστή συμβάντων Set ExecutionAfterEventHandlers("ExecuteAfterTypicalHandler"); // Στη συνέχεια, θα εκτελεστεί ο κώδικας από τον τυπικό χειριστή. Τέλος διαδικασίας &Στον διακομιστή Διαδικασία Εκτέλεση Μετά τον Τυπικό Χειριστή (Αποτυχία, ΤυπικήΕπεξεργασία, Πρόσθετες Παράμετροι) // Κωδικός μετά τον τυπικό χειριστή από την επέκταση Αναφορά ("Μετά το τυπικό χειριστής!"); Τέλος Διαδικασίας

γ) Εκτελέστε πρώτα το δείγμα κώδικα, μετά τον κωδικό από την επέκταση και μετά το δείγμα κώδικα ξανά

Μπορείτε να καταφύγετε σε ένα κόλπο:
- Ακυρώστε την εκτέλεση των προγραμμάτων χειρισμού από την τυπική διαμόρφωση.
- Στην επέκταση, καλούμε τις απαραίτητες διαδικασίες από τον τυπικό κώδικα αναμεμειγμένες με διαδικασίες από την επέκταση.

&Στον διακομιστή Μελέτη διαδικασίας_Όταν δημιουργείταιΣτον διακομιστή(Αποτυχία, ΤυπικήΕπεξεργασία) // Διαδικασίες πριν από τους τυπικούς χειριστές Αναφορά("Πριν από τον Τυπικό Χειριστή!"); // Διαδικασίες από έναν τυπικό χειριστή If NOT ValueFilled(BankAccount.CurrencyofCash) Τότε BankAccount.CurrencyofCash = General Purpose BPCallServerRepeatUse.GetCurrencyofRegulatedAccounting(); τέλος εαν; PostContactInfo(); Αν Parameters.Key.Empty() Τότε PrepareFormOnServer(); τέλος εαν; ManageForm(This Form); // Διαδικασίες μετά την αναφορά τυπικών χειριστών ("Μετά από τον τυπικό χειριστή!"); // Διακοπή της εκτέλεσης των τυπικών χειριστών SetEventHandlerExecution(False); Τέλος Διαδικασίας

δ) Ακυρώστε τους τυπικούς χειριστές

&Στον διακομιστή Μελέτη διαδικασίας_Όταν δημιουργείταιΣτον διακομιστή(Αποτυχία, ΤυπικήΕπεξεργασία) // Διακοπή της εκτέλεσης τυπικών χειριστών SetExecution of Event Handler(False); Τέλος Διαδικασίας

3. Δημιουργήστε και χρησιμοποιήστε μια γενική λειτουργική μονάδα, λειτουργική μονάδα διαχειριστή ή λειτουργική μονάδα αντικειμένου

Επί του παρόντος, ο μηχανισμός επέκτασης δεν σας επιτρέπει να δημιουργήσετε ή να δανειστείτε κοινές λειτουργικές μονάδες, λειτουργικές μονάδες διαχειριστή και λειτουργικές μονάδες αντικειμένων. Αλλά στην επεξεργασία που περιλαμβάνεται στη διαμόρφωση, η λειτουργική μονάδα διαχειριστή είναι διαθέσιμη και μπορεί να προσπελαστεί:

Διαδικασία &OnServer ReportDirectorOnServer() Position = "Director"; ΠΛΗΡΕΣ ΟΝΟΜΑ Διευθυντή = "Ivanov I.I."; Processing.Training_Processing.NotifyDirector(Position, Full Name of Director); Τέλος Διαδικασίας

Ενότητα διαχείρισης επεξεργασίας:

Διαδικασία NotifyDirector(Value Position, Value Name of Manager) Export MessageText = StrTemplate(NSStr("ru="%1 %2""), Position, Name of Manager); Message(MessageText); Τέλος Διαδικασίας

Με τον ίδιο τρόπο, μπορείτε να οργανώσετε το δικό σας είδος γενικής ενότητας, στην οποία μπορείτε να αποθηκεύσετε γενικές διαδικασίες και λειτουργίες που απαιτούνται για να λειτουργήσει η επέκταση. Μπορείτε επίσης να συμπεριλάβετε εξωτερική επεξεργασία στην επέκταση. Επιτρέψτε μου να σας υπενθυμίσω ότι η μονάδα διαχειριστή δεν είναι διαθέσιμη σε εξωτερική επεξεργασία.

4. Πώς να ενεργοποιήσετε τον εντοπισμό σφαλμάτων

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


Εμφανίζεται εάν η επέκτασή μας είναι ανοιχτή στο διαμορφωτή και μπορεί να αντιμετωπιστεί μόνο με το κλείσιμο του παραθύρου επέκτασης.

Για να ενεργοποιήσετε τον εντοπισμό σφαλμάτων στην επέκταση, θα πρέπειΧρησιμοποιήστε το διακόπτη γραμμής εντολών - "Λειτουργία εντοπισμού σφαλμάτων"

Αυτό είναι το Y Συγχωρητικός εντοπισμός σφαλμάτων κώδικα. Συγκεκριμένα:

  • Όλες οι μακροχρόνιες λειτουργίες εκτελούνται αμέσως, χωρίς να εκτελείται εργασία παρασκηνίου.
  • Κατά την ανάπτυξη επεκτάσεων διαμόρφωσης, είναι δυνατή η εκκίνηση με εγκατεστημένες επεκτάσεις διαμόρφωσης που είναι ανοιχτές αυτήν τη στιγμή στο πρόγραμμα διαμόρφωσης (με την προϋπόθεση ότι η έκδοση διαμόρφωσης και οι εκδόσεις επέκτασης δεν έχουν αλλάξει).

Για να το εγκαταστήσετε:

  • Ξεκινήστε την επιχείρηση με τον διακόπτη γραμμής εντολών - "/ΝΤΟ Λειτουργία εντοπισμού σφαλμάτων"
  • Στη λειτουργία διαμόρφωσης, ορίστε την παράμετρο εκκίνησης:
    Υπηρεσία -> Επιλογές -> Εκκίνηση 1C:Enterprise -> Παράμετρος εκκίνησης: εισαγάγετε μια συμβολοσειρά< Λειτουργία εντοπισμού σφαλμάτων>

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

Για να διορθώσετε αυτήν την κατάσταση, μπορείτε να δοκιμάσετε τα ακόλουθα βήματα:

1. Κλείστε αυτήν την επέκταση στο διαμορφωτή
2. Εκκινήστε τη διαμόρφωση σε λειτουργία επιχείρησης και ανοίξτε τη φόρμα που σχετίζεται με την επέκταση
3. Ανοίξτε την επέκταση στο διαμορφωτή
4. Επανεκκινήστε τον εντοπισμό σφαλμάτων.

5. Πώς να γράφετε ερωτήματα

Η επέκταση βλέπει και λειτουργεί μόνο με εκείνα τα αντικείμενα που έχουν δανειστεί από την κύρια διαμόρφωση.
Τα αντικείμενα που δεν είναι δανεισμένα δεν είναι ορατά στην επέκταση και όταν προσπαθείτε να αποκτήσετε πρόσβαση σε αυτά, για παράδειγμα, στο κείμενο ενός αιτήματος, στη λειτουργία "Διαμορφωτής" προκαλούν σφάλμα. Αν και σε λειτουργία χρήστη ο κώδικας τρέχει χωρίς προβλήματα.
Για να γράψετε ή να επεξεργαστείτε ερωτήματα με μεγάλο όγκο μεταδεδομένων, είναι καλύτερο να χρησιμοποιήσετε οποιαδήποτε εξωτερική επεξεργασία. Όλα τα μεταδεδομένα από την κύρια διαμόρφωση είναι διαθέσιμα σε αυτό:


6. Πώς να αποθηκεύσετε δεδομένα

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

α) Αποθήκευση δεδομένων φόρμας

Στην επεξεργασμένη φόρμα, μπορείτε να ορίσετε την ιδιότητα "Αυτόματη αποθήκευση δεδομένων στις ρυθμίσεις" σε "Χρήση" και να βάλετε τη σημαία "Αποθήκευση" πάνω από τις απαιτούμενες λεπτομέρειες. Αυτό θα επιτρέψει την αποθήκευση των τιμών των λεπτομερειών χρησιμοποιώντας τον τυπικό μηχανισμό πλατφόρμας:


Τέτοια αποθήκευση δεδομένων .

β) Αποθήκευση γενικών ρυθμίσεων

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

Αποθήκευση δεδομένων:

Διαδικασία &OnServer BeforeClosingOnServer() // Προετοιμασία της δομής αποθήκευσης δεδομένων Ρυθμίσεις Δομή = Νέα δομή; SettingsStructure.Insert("Everyone", Everyone); Ρυθμίσεις Structure.Insert("Close", Close); Ρυθμίσεις Structure.Insert("To Friends", To Friends); // Αποθήκευση των δεδομένων στην αποθήκευση των γενικών ρυθμίσεων για γενικό σκοπό.Αποθήκευση γενικών ρυθμίσεωνΑποθήκευση("Training_MakeEverythingOkay", "Settings", SettingsStructure); Τέλος Διαδικασίας

Ανάκτηση δεδομένων:

&OnServerProcedureWhenCreatingOnServer(Αποτυχία, StandardProcessing) // Εκκίνηση της δομής Ρυθμίσεις Δομή = Νέα δομή; // Επαναφορά των αποθηκευμένων δεδομένων Δομή ρυθμίσεων = Γενικός σκοπός Γενικές ρυθμίσεις Φορτίο αποθήκευσης("Training_Make Everything Good", "Settings", Settings Structure); // Συμπληρώστε τις τιμές των λεπτομερειών της φόρμας FillPropertyValues(ThisForm, SettingsStructure); Τέλος Διαδικασίας

7. Πώς να προσθέσετε τη δική σας διάταξη

Δυστυχώς, δεν μπορείτε να προσθέσετε ή να αλλάξετε διατάξεις σε δανεισμένα έγγραφα. Αλλά οι διατάξεις μπορούν να προστεθούν σε διαδικασίες και μπορείτε επίσης να εισαγάγετε εξωτερικές διεργασίες στις οποίες υπάρχουν ήδη διατάξεις. Αυτές οι διατάξεις μπορούν να χρησιμοποιηθούν για τη δημιουργία ή την τροποποίηση εκτυπώσιμων, .

8. Πώς να αντικαταστήσετε το κουμπί πλήρωσης του πίνακα

Μερικές φορές μπορεί να χρειαστεί να προσθέσετε το δικό σας κουμπί γεμίσματος και να αφήσετε το τυπικό κουμπί.
Για να απομακρύνετε το τυπικό κουμπί, αλλά να μην το διαγράψετε εντελώς, μπορείτε να ορίσετε την ιδιότητα - "Μόνο σε όλες τις ενέργειες" - "Ναι":

Σε αυτήν την περίπτωση, το κουμπί θα είναι διαθέσιμο από το υπομενού "Περισσότερα". Αυτό θα σας επιτρέψει να συνεχίσετε να εργάζεστε με τυπική λειτουργικότητα σε περίπτωση απρόβλεπτων καταστάσεων.

9. Επέκταση ως διόρθωση σφαλμάτων

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

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

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

Και μην ξεχάσετε να απενεργοποιήσετε αυτήν την επέκταση αφού το σφάλμα διορθωθεί στην τυπική διαμόρφωση.

10. Πώς να εμφανίσετε την επεξεργασία σας στη διεπαφή

Για να εμφανίσετε την επεξεργασία σας στη διεπαφή διαμόρφωσης, πρέπει να την συμπεριλάβετε στο απαιτούμενο υποσύστημα:

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

11. Πώς να μεταφέρετε την επέκταση στην 8.3.8

Για να μεταφέρετε την επέκταση στην 8.3.8, ακολουθήστε τα εξής βήματα:

1. Καταργήστε τη λειτουργία συμβατότητας στην επέκταση.
Ρυθμίστε τις ιδιότητες συμβατότητας στις ίδιες με την κύρια διαμόρφωση.

2. Διορθώστε προβλήματα σύνδεσης.
Πρέπει να ελέγξετε ότι η επέκταση είναι ενεργοποιημένη στη νέα έκδοση. Η αιτία των σφαλμάτων μπορεί να προβληθεί στο αρχείο καταγραφής.

3. Ενημερώστε τις φόρμες στην επέκταση.
Θα πρέπει να ενημερώσετε τις φόρμες επέκτασης από την κύρια διαμόρφωση. Έτσι ώστε τόσο σε επέκταση όσο και σε διαμόρφωση οι φόρμες να είναι ίδιες.

4. Φέρτε τη διάταξη της φόρμας στους νέους κανόνες κινητήρα.
Μπορείτε να βρείτε συστάσεις για την προσαρμογή των φορμών στη νέα πλατφόρμα στη διεύθυνση αυτός ο σύνδεσμος.

5. Ελέγξτε ότι η επέκταση φαίνεται και λειτουργεί σωστά.

Κάθε στοιχείο περιγράφεται με περισσότερες λεπτομέρειες στο. Υπάρχουν επίσης χρήσιμα υλικά για το θέμα.

12. Πώς να συνδέσετε την επέκταση

1. Διαχείριση - "Εκτύπωση εντύπων και επεξεργασία"

3. Κουμπί "Προσθήκη" - Επιλέξτε ένα αρχείο

4. Κουμπί επανεκκίνησης

5. Έγινε!


13. Πώς να ενημερώσετε την επέκταση

1. Διαχείριση - "Εκτύπωση εντύπων και επεξεργασία"

3. Στεκόμαστε στην επιθυμητή προέκταση

4. "Περισσότερα" - Εντολή "Ενημέρωση από αρχείο στο δίσκο"

5. Κουμπί επανεκκίνησης

6. Έγινε!

Αυτα για τωρα!

Η ευγνωμοσύνη μπορεί να εκφραστεί και χρηματικά, αλλιώς υπάρχει κρίση, καταλαβαίνετε!

Οι επεκτάσεις προσθέτουν νέα λειτουργικότητα στο πρόγραμμα περιήγησης.

Η προσθήκη μιας επέκτασης στο Chrome είναι γενικά εύκολη.

Όλες οι εργασίες γίνονται στο πρόγραμμα περιήγησης Google Chrome.

Έτσι, για να προσθέσετε μια επέκταση στο Chrome, μεταβείτε στο Ρυθμίσεις και διαχείριση του Google Chrome.

Η εύρεση της εισόδου στις ρυθμίσεις είναι εύκολη. Τοποθετήστε το δείκτη του ποντικιού πάνω από τις τρεις οριζόντιες γραμμές στην επάνω δεξιά γωνία του προγράμματος περιήγησης Google Chrome. Θα εμφανιστεί μια υπόδειξη - Ρύθμιση και διαχείριση του Google Chrome.

Κάντε κλικ στο κουμπί με τρεις λωρίδες. Θα ανοίξει ένα μενού περιβάλλοντος (Εικ. 1).

Εικ.1 Προσθήκη επέκτασης στο Chrome – Ρυθμίσεις και διαχείριση του Google Chrome

Υπάρχουν δύο τρόποι για να γίνει αυτό.

Πρώτα:στο μενού περιβάλλοντος Ρυθμίσεις και έλεγχος Google ChromeΚάντε κλικ Ρυθμίσεις, μετά στο παράθυρο που ανοίγει κάντε κλικ Επεκτάσεις.

Δεύτερος:στο μενού περιβάλλοντος Ρυθμίσεις και έλεγχος Google Chromeεπιλέγω Πρόσθετα εργαλεία, μετά στο μενού που ανοίγει, κάντε κλικ Επεκτάσεις.

Το αποτέλεσμα θα είναι το ίδιο. Θα μεταφερθούμε στην ενότητα με ήδη εγκατεστημένες επεκτάσεις στο Chrome.

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

Μπορείτε επίσης να εισαγάγετε επεκτάσεις μέσω της γραμμής διευθύνσεων του chrome εισάγοντας τη διεύθυνση - chrome://extensions/.

Όπως ήδη αναφέρθηκε, εδώ θα δούμε όλες τις εγκατεστημένες επεκτάσεις.

Προς την προσθήκη νέας επέκτασης στο chromeπρέπει να κάνετε κλικ στον σύνδεσμο - Περισσότερες επεκτάσεις .

Βρίσκεται κάτω από τη λίστα των εγκατεστημένων επεκτάσεων.

Υπάρχουν πολλές επεκτάσεις εδώ και στην αρχή είναι προβληματικό να προσθέσετε γρήγορα αυτό που χρειάζεστε.

Για να διευκολύνετε την εύρεση της απαιτούμενης επέκτασης, υπάρχει μια γραμμή επάνω αριστερά Αναζήτηση ανά κατάστημα. Θα σας βοηθήσει πολύ αν γνωρίζετε το όνομα της επέκτασης.

Για παράδειγμα, για να βρείτε μια επέκταση για το κουμπί ελέγχου TIC του ιστότοπου, απλώς εισαγάγετε τη φράση δείκτης yandex tyc google pr.

Θα ανοίξει η απαιτούμενη επέκταση.

Κάντε κλικ στο κουμπί Δωρεάν. Θα ξεκινήσει η διαδικασία επαλήθευσης της επέκτασης.

Στη συνέχεια θα εμφανιστεί ένα πλαίσιο διαλόγου Νέες επιβεβαιώσεις επέκτασης.

Κάντε κλικ Προσθήκη. Ο έλεγχος πραγματοποιείται ξανά και θα εμφανιστεί ένα παράθυρο διαλόγου που σας ζητά να ενεργοποιήσετε την πρόσθετη επέκταση στο Chrome.

Υπάρχουν φορές που όταν προσπαθείτε να προσθέσετε μια επέκταση στο Chrome, εμφανίζεται ένα σφάλμα κατά την επαλήθευση.

Στη συνέχεια, μπορείτε να δοκιμάσετε να προσθέσετε την επέκταση στο chrome κάνοντας κλικ οπουδήποτε αλλού στην επιλεγμένη επέκταση, όχι στο κουμπί Δωρεάν.

Σε αυτήν την περίπτωση, θα ανοίξει ένα νέο παράθυρο διαλόγου και σε αυτό, κάντε κλικ στο κουμπί για προσθήκη Δωρεάνκαι στη συνέχεια η διαδικασία ελέγχου και προσθήκης ως συνήθως.

Μερικές φορές βοηθάει.

Ή μπορείτε απλώς να κάνετε κλικ στην ενημέρωση στο παράθυρο διαλόγου σφάλματος και να επαναλάβετε τη διαδικασία προσθήκης της επέκτασης στο Chrome.

Συνήθως όλα τελειώνουν καλά. Μια νέα επέκταση προστίθεται στο Chrome.

Μπορείτε να το δείτε αμέσως μεταβαίνοντας στην ενότητα Επεκτάσεις.

Η προστιθέμενη επέκταση θα είναι ήδη ενεργοποιημένη.

Έτσι, εξετάσαμε όλη τη διαδικασία προσθήκης επέκτασης στο chrome (google chrome).

Αλλά η διαδρομή προς την αναζήτηση και την προσθήκη επέκτασης μπορεί να συντομευτεί σημαντικά.

Για να προσθέσετε μια επέκταση στο Chrome, μπορείτε απλώς να εισαγάγετε στη γραμμή διευθύνσεων:

https://chrome.google.com/webstore/category/extensions?hl=el

Έχετε αναρωτηθεί ποτέ πώς να δημιουργήσετε μια επέκταση Chrome; Λοιπόν, είμαι εδώ για να σας πω πόσο εύκολο είναι. Ακολουθήστε αυτά τα βήματα και η ιδέα σας θα γίνει πραγματικότητα και μπορείτε να δημοσιεύσετε αμέσως μια πραγματική επέκταση στο Chrome Web Store.

Τι είναι η επέκταση του Chrome;

Οι επεκτάσεις Chrome σάς επιτρέπουν να προσθέσετε λειτουργικότητα στο πρόγραμμα περιήγησης ιστού Chrome χωρίς να βουτήξετε βαθιά στον εγγενή κώδικα. Αυτό είναι καταπληκτικό γιατί μπορείτε να δημιουργήσετε νέες επεκτάσεις Chrome με βάση τις τεχνολογίες που γνωρίζουν οι προγραμματιστές ιστού: HTML, CSS και JavaScript. Εάν έχετε δημιουργήσει ποτέ μια ιστοσελίδα, μπορείτε να δημιουργήσετε μια επέκταση σε λιγότερο χρόνο από ό,τι χρειάζεται για μεσημεριανό γεύμα. Το μόνο πράγμα που πρέπει να μάθετε είναι πώς να προσθέσετε κάποια λειτουργικότητα στο Chrome χρησιμοποιώντας τα JavaScript API που παρέχει το Chrome.

Τι θέλετε να δημιουργήσετε;

Πριν ξεκινήσετε, θα πρέπει να έχετε μια γενική ιδέα για το τι θέλετε να κάνετε. Αυτό δεν χρειάζεται να είναι κάποια νέα πρωτοποριακή ιδέα, από την αρχή μπορούμε απλώς να κάνουμε ένα έργο για διασκέδαση. Σε αυτό το άρθρο, θα σας πω για την ιδέα μου και πώς την υλοποίησα ως επέκταση του Chrome.

Σχέδιο

Πριν από λίγο χρησιμοποίησα μια επέκταση Unsplash που έδειχνε ωραίες εικόνες φόντου στην προεπιλεγμένη κενή καρτέλα. Αργότερα το αντικατέστησα με την επέκταση Muzli, η οποία μετατρέπει την προεπιλεγμένη καρτέλα σε ροή περιεχομένου σχεδιασμού και ειδήσεων από όλο τον ιστό.

Ας χρησιμοποιήσουμε αυτές τις δύο επεκτάσεις ως έμπνευση για να δημιουργήσουμε κάτι νέο, αλλά αυτή τη φορά για τους λάτρεις του κινηματογράφου. Η ιδέα μου είναι να εμφανίζω μια τυχαία εικόνα φόντου ταινίας κάθε φορά που ανοίγετε μια νέα καρτέλα. Καθώς κάνετε κύλιση, η επέκταση θα πρέπει να μετατραπεί σε ένα ωραίο κανάλι για δημοφιλείς ταινίες και τηλεοπτικές εκπομπές. Ας αρχίσουμε.

Βήμα πρώτο: εγκατάσταση

Το πρώτο βήμα είναι να δημιουργήσετε ένα αρχείο δήλωσης που ονομάζεται manifest.json. Αυτό είναι ένα αρχείο μεταδεδομένων σε μορφή JSON που περιέχει ιδιότητες όπως το όνομα της επέκτασής σας, την περιγραφή, τον αριθμό έκδοσης και ούτω καθεξής. Σε αυτό το αρχείο λέμε στον Chrome τι θα κάνει η επέκταση και τι δικαιώματα απαιτεί.

Για την επέκταση, πρέπει να έχουμε άδεια διαχείρισης του activeTab, οπότε το αρχείο manifest.json μοιάζει κάπως έτσι:

( "manifest_version": 2, "name": "RaterFox", "description": "Οι πιο δημοφιλείς ταινίες και τηλεοπτικές εκπομπές στην προεπιλεγμένη καρτέλα σας. Περιλαμβάνει αξιολογήσεις, περιλήψεις και τη δυνατότητα παρακολούθησης τρέιλερ.", "έκδοση": " 1", "συγγραφέας": "Jake Prins", "browser_action": ( "default_icon": "tab-icon.png", "default_title": "Καλή σου μέρα"), "chrome_url_overrides": ( "newtab": "newtab.html"), "permissions": ["activeTab"])

Όπως μπορείτε να δείτε, προσδιορίζουμε ότι το newtab.html θα είναι το αρχείο HTML που θα πρέπει να εμφανίζεται κάθε φορά που ανοίγει μια νέα καρτέλα. Για να γίνει αυτό, πρέπει να έχουμε το δικαίωμα Manage activeTab, οπότε όταν ο χρήστης προσπαθήσει να εγκαταστήσει την επέκταση, θα ειδοποιηθεί για όλα τα δικαιώματα που απαιτεί η επέκταση.

Ένα άλλο ενδιαφέρον πράγμα στο manifest.json είναι οι ενέργειες του προγράμματος περιήγησης. Σε αυτό το παράδειγμα το χρησιμοποιούμε για να ορίσουμε τον τίτλο, αλλά γενικά υπάρχουν περισσότερες επιλογές. Για παράδειγμα, για να εμφανίσετε ένα αναδυόμενο παράθυρο όταν κάνετε κλικ σε ένα εικονίδιο εφαρμογής μέσα στη γραμμή διευθύνσεων, το μόνο που έχετε να κάνετε είναι κάτι σαν αυτό:

"browser_action": ( "default_popup": "popup.html", ),

Τώρα το popup.html θα εμφανίζεται μέσα στο αναδυόμενο παράθυρο που δημιουργείται ως απόκριση στο κλικ του χρήστη στην ενέργεια του προγράμματος περιήγησης. Αυτό είναι ένα τυπικό αρχείο HTML, επομένως σας δίνει ελευθερία σχετικά με το τι εμφανίζει το αναδυόμενο παράθυρο. Απλώς βάλτε λίγη από τη μαγεία σας σε ένα αρχείο που ονομάζεται popup.html.

Βήμα δεύτερο: ελέγξτε αν λειτουργεί

Το επόμενο βήμα είναι να δημιουργήσετε ένα αρχείο newtab.html και να το τοποθετήσετε στο "Hello world":

Δοκιμή

Γειά σου Κόσμε!

Για να ελέγξετε αν λειτουργεί, επισκεφτείτε το chrome://extensions στο πρόγραμμα περιήγησής σας και βεβαιωθείτε ότι το πλαίσιο ελέγχου Λειτουργία προγραμματιστή είναι επιλεγμένο στην επάνω δεξιά γωνία.

Κάντε κλικ στο Load unpacked extension και επιλέξτε τον κατάλογο όπου βρίσκονται τα αρχεία επέκτασης. Εάν η επέκταση είναι έγκυρη, θα ενεργοποιηθεί αμέσως, ώστε να μπορείτε να ανοίξετε μια νέα καρτέλα και να δείτε το "Hello world".

Βήμα τρίτο: Κάντε ένα ωραίο σχέδιο

Τώρα που έχουμε το πρώτο μας χαρακτηριστικό, ήρθε η ώρα να το κάνουμε να φαίνεται όμορφο. Μπορούμε απλά να δημιουργήσουμε μια νέα καρτέλα δημιουργώντας ένα αρχείο main.css στον κατάλογο επεκτάσεων μας και φορτώνοντάς το στο αρχείο μας newtab.html. Το ίδιο ισχύει και για τη συμπερίληψη ενός αρχείου JavaScript για τυχόν ενεργές λειτουργίες που θα θέλατε να χρησιμοποιήσετε. Υποθέτω ότι έχετε δημιουργήσει ιστοσελίδες στο παρελθόν και τώρα μπορείτε να χρησιμοποιήσετε τις δεξιότητές σας για να δείξετε στους χρήστες σας ό,τι θέλετε.

Τέλος σχεδίου

Το μόνο που χρειαζόμουν για να ολοκληρώσω την επέκταση ήταν HTML, CSS και JavaScript, επομένως δεν νομίζω ότι είναι σημαντικό να βουτήξω βαθιά στον κώδικα, οπότε θα το καλύψω γρήγορα.

Να τι έκανα:

Για την ιδέα μου χρειαζόμουν καλές εικόνες φόντου, οπότε σε ένα αρχείο JavaScript χρησιμοποίησα το TMDb API για να λάβω μια λίστα με δημοφιλείς ταινίες, πήρα τις εικόνες φόντου τους και τις έβαλα σε έναν πίνακα. Κάθε φορά που η σελίδα τη φορτώνει, επιλέγει τυχαία μία εικόνα από αυτόν τον πίνακα και την ορίζει ως φόντο της σελίδας. Για να κάνω αυτή τη σελίδα πιο ενδιαφέρουσα, πρόσθεσα επίσης την τρέχουσα ημερομηνία στην επάνω δεξιά γωνία. Και για περισσότερες πληροφορίες, επιτρέπει στους χρήστες να κάνουν κλικ στο φόντο, κάτι που οδηγεί σε επίσκεψη στη σελίδα της ταινίας στο IMDb.

Δημιούργησα μια οθόνη με μια ωραία ροή δημοφιλών ταινιών όταν ο χρήστης προσπαθεί να κάνει κύλιση προς τα κάτω. Χρησιμοποίησα το ίδιο API για να δημιουργήσω μια κάρτα ταινίας με εικόνα, τίτλο, βαθμολογία και αριθμό ψήφων. Κάνοντας κλικ στην κάρτα εμφανίζεται μια κριτική με ένα κουμπί για να παρακολουθήσετε το τρέιλερ.

Αποτέλεσμα

Τώρα, με αυτό το μικρό αρχείο manifest.json και μερικά HTML, CSS και JavaScript, κάθε νέα καρτέλα που ανοίγετε φαίνεται πολύ πιο ενδιαφέρουσα:

Βήμα 4. Δημοσιεύστε την επέκταση

Μόλις η πρώτη σας επέκταση Chrome φαίνεται καλή και λειτουργεί όπως θα έπρεπε, ήρθε η ώρα να τη δημοσιεύσετε στο Chrome Store. Απλώς ακολουθήστε αυτόν τον σύνδεσμο για να μεταβείτε στον πίνακα ελέγχου του Chrome Web Store (θα σας ζητηθεί να συνδεθείτε στον λογαριασμό σας Google εάν δεν είστε). Στη συνέχεια, κάντε κλικ στο κουμπί "Προσθήκη νέου στοιχείου", αποδεχτείτε τους όρους και τις προϋποθέσεις και θα μεταφερθείτε σε μια σελίδα όπου μπορείτε να κάνετε λήψη της επέκτασης. Τώρα συμπιέστε το φάκελο που περιέχει το έργο σας και κατεβάστε αυτό το αρχείο ZIP.

Μετά την επιτυχή μεταφόρτωση του αρχείου, θα δείτε μια φόρμα όπου πρέπει να προσθέσετε ορισμένες πληροφορίες σχετικά με την επέκτασή σας. Μπορείτε να προσθέσετε ένα εικονίδιο, μια λεπτομερή περιγραφή, να ανεβάσετε μερικά στιγμιότυπα οθόνης και ούτω καθεξής.

Φροντίστε να παρέχετε μερικές καλές εικόνες για να αναδείξετε το έργο σας. Το κατάστημα μπορεί να χρησιμοποιήσει αυτές τις εικόνες για να προωθήσει το καινοτόμο έργο σας. Όσο περισσότερες εικόνες παρέχετε, τόσο πιο ορατή θα είναι η επέκτασή σας. Μπορείτε να κάνετε προεπισκόπηση του τρόπου με τον οποίο εμφανίζεται η επέκτασή σας στο web store κάνοντας κλικ στο κουμπί Προεπισκόπηση. Όταν είστε ευχαριστημένοι με το αποτέλεσμα, κάντε κλικ στην επιλογή Δημοσίευση αλλαγών. Ετοιμος!

Το μόνο που μένει είναι να αποκτήσουμε χρήστες!

συμπέρασμα

Είναι πολύ εύκολο για έναν προγραμματιστή ιστού να δημιουργήσει μια επέκταση Chrome. Το μόνο που χρειάζεστε είναι HTML, CSS, JavaScript και βασικές γνώσεις για τον τρόπο προσθήκης λειτουργιών χρησιμοποιώντας ορισμένα από τα JavaScript API που παρέχει το Chrome. Η πρώτη σας επέκταση μπορεί να δημοσιευτεί στο Chrome Web Store σε μόλις 20 λεπτά. Η δημιουργία μιας νέας, αξιόλογης και όμορφης επέκτασης, φυσικά, θα πάρει λίγο περισσότερο χρόνο. Αλλά όλα εξαρτώνται από εσάς!

Χρησιμοποιήστε το δημιουργικό σας μυαλό για να καταλήξετε σε κάτι ενδιαφέρον, αλλά αν ποτέ κολλήσετε, υπάρχει κάποια εξαιρετική τεκμηρίωση για τις επεκτάσεις του Chrome - πιθανότατα μπορεί να σας βοηθήσει.

Αν βρείτε τυπογραφικό λάθος, επισημάνετε το και πατήστε Ctrl + Enter! Για να επικοινωνήσετε μαζί μας μπορείτε να χρησιμοποιήσετε .