Un certain nombre de plugins et d'extensions sont disponibles pour le navigateur Firefox pour permettre aux développeurs d'interagir avec le DOM et avec d'autres parties exposées d'une page Web. Des outils tels que JavaScript Shell Bookmarklet, Firebug, Greasemonke et Platypus se sont révélés utiles pour permettre aux développeurs d'ajouter une interactivité personnalisée à une page, de déboguer les problèmes DOM et CSS et de tester des idées.
Cependant, si un utilisateur souhaite interagir dynamiquement avec plusieurs pages, pour automatiser différentes parties de l'interface Firefox, pour les activités de script sur un certain nombre de pages, ou pour travailler avec la page Web et le système de fichiers local simultanément, les options ont historiquement été limitées. Mais cela a commencé à changer récemment avec des extensions telles que Coscripter, et l'extension qui forme le sujet de cet article: Pouletfoot.
Pouletfoot est une extension Firefox du groupe d'interface utilisateur du MIT. Il offre la possibilité de:
Pouletfoot est un outil extrêmement puissant pour tout développeur souhaitant automatiser les actions ou étendre les fonctionnalités des pages Web qu'il utilise régulièrement.
Pouletfoot est installé de la même manière que les autres extensions de Firefox: Téléchargez simplement et acceptez le fichier XPI disponible à partir de la page d'installation du poulet.
Malgré le fait que Firefox est un navigateur multiplateforme, l'extension fonctionne mieux sur Windows. Si vous êtes sur un Mac, vous pouvez toujours installer Chickenfoot et jouer avec le code dans cet article, mais vous pouvez voir un comportement incohérent. Malheureusement, jusqu'à ce que les plis soient calus, l'avertissement de ce.docshell n'a pas de propriétés apparaîtra fréquemment, et votre sortie peut ne pas correspondre à celle décrite ici.
Une fois que vous avez installé l'extension et redémarré votre navigateur, vous pouvez accéder à la coquille interactive du poulet en appuyant sur F8 ou en sélectionnant la vue> Barre latérale> Menu pouletfoot. La coquille s'ouvrira dans une barre latérale et ressemblera à l'image ci-dessous.
Lorsque la barre latérale du poulet est lancé pour la première fois, elle montre une vue divisée - le panneau supérieur contient un champ de texte étiqueté sans titre; Ceci est la zone d'entrée où nous rédigerons notre code de poulet.
Le panneau inférieur contient quatre onglets. L'onglet sélectionné par défaut est étiqueté la sortie et affiche un historique de toutes vos actions, et toutes les actions de Chickenfoot, qui ont été appliquées au navigateur. Tout d'abord, nous devons cependant dire à Pouletfoot pour enregistrer nos actions - cliquez sur l'onglet Actions et assurez-vous que l'option Record Action est vérifiée.
Testons que notre sortie est capturée. Pour ce faire, ouvrez un nouvel onglet Firefox et chargez la page d'accueil de Google. Une fois la page chargée, cliquez sur le lien Images en haut à gauche de la page, qui vous amènera à la recherche d'images de Google. Si vous sélectionnez à nouveau l'onglet de sortie du poulet, vous devriez voir le texte suivant:
click("Images")C'est plus qu'une simple description de ce qui s'est passé - c'est en fait un extrait de code de poulet! Pour tester ce code, cliquez sur la flèche arrière pour revenir à la page d'accueil Google, puis copier et coller l'extrait que nous avons créé dans le panneau de poulet de poulet supérieur. Cliquez sur la flèche verte en haut du panneau et votre extrait de code sera exécuté. La page accédera à nouveau à la page de recherche d'images Google.
Pouletfoot partage certaines idées avec d'autres outils qui permettent un Web scriptable.
L'idée principale derrière Chickenfoot est de fournir aux utilisateurs un outil pour créer des macros que n'importe qui peut utiliser ou écrire, sans avoir besoin de l'aide du programmeur. Je dois noter ici que je pense que cet objectif ne sera pas atteint, car il y aura toujours une demande de scripts avec des fonctionnalités complexes qui ne peuvent être implémentées que par un programmeur. Cependant, le fait que cet objectif idéaliste soit la force motrice derrière Chickenfoot a abouti à un outil très utile.
Ces objectifs sont similaires à ceux de Coscripter - en effet, Coscripter utilise une partie du code de la version 0.9 du poulet. Je n'entrerai dans aucun détail sur Coscripter dans cet article, mais si vous êtes intéressé à en savoir plus, voir la rédaction d'Alex Faaborg.
Voyons comment les scripts de poulet peuvent être enregistrés, un peu comme une macro dans MS Word ou Adobe Photoshop. Pour cet exemple, nous allons créer un script qui n'est que légèrement plus impliqué que la commande unique que nous avons vue dans la section précédente. Pour cette démo, je me suis inspiré d'un tutoriel Coscripter avec Coscripter.
Lorsque nous aurons terminé, notre script amènera notre navigateur à:
Obtenons les scripts! Ouvrez votre barre latérale de poulet si vous ne l'avez pas déjà fait et tapez la commande suivante dans le panneau supérieur:
click("Images")puis cliquez sur la flèche verte. Comme vous pouvez vous y attendre, votre navigateur chargera la page d'accueil de Google.
Pour enregistrer le reste de notre script, nous allons simplement effectuer les étapes que j'ai décrites ci-dessus. Cliquez sur le lien Images, puis tapez le texte «Koalas» dans la zone de recherche et appuyez sur l'onglet pour quitter le champ. Enfin, cliquez sur le bouton Rechercher des images.
Votre onglet de sortie devrait désormais afficher quelque chose de similaire à ce qui suit:
go("google.com")Si vous avez effectué ces étapes pendant que vous étiez connecté à votre compte Google, certaines des valeurs de texte énumérées peuvent être différentes, mais les actions doivent toujours être identiques.
Maintenant que nous avons enregistré nos actions, nous pouvons choisir parmi cette sortie de code et copier les lignes souhaitées sur le panneau supérieur de notre barre latérale de poulet. Le tour est joué! Nous avons un script de travail!
En dehors de l'action GO initiale, les commandes que nous recherchons sont les commandes Click and Entrée. Nous pouvons également simplifier les valeurs transmises, afin que notre script ressemble à ceci:
go("http://www.google.com/")
click("Images")
go("http://images.google.com/imghp?hl=en&tab=wi")
enter("Sign in", "koalas")
click("Search Images button")
go("http://images.google.com/images?hl=en&q=koalas&btnG=Search+Images
&gbv=2")Une chose que vous pouvez remarquer à partir de l'exemple ci-dessus est que la syntaxe de poulet a beaucoup en commun avec de nombreuses langues basées sur C, comme JavaScript. Les commandes de poulet sont, en fait, javascript.
Un concept qui est important à comprendre est que Chickenfoot ne fonctionne pas dans l'environnement HTML normal (x) avec lequel la plupart des utilisateurs JavaScript sont familiers, mais dans l'environnement XUL de Firefox. Cet environnement a été étendu pour Pouletfoot pour lui permettre d'interagir plus facilement avec le contexte d'une page Web.
Si vous référez ou modifiez un objet dans lequel JavaScript a accès dans le contexte d'une page normale, il est susceptible de se comporter comme vous vous en doutez. Cependant, parce que le moteur JavaScript du poulet a un niveau d'accès plus profond, vous pouvez prendre plus de libertés que d'habitude, comme l'accès à des objets en dehors de leur contexte par défaut.
Alors que vous explorez davantage le pied de poule, vous pouvez rencontrer des différences entre les deux environnements et comment les objets se comportent en eux. Le plus souvent, la raison de ces différences sera à la durée des fonctions natives de l'environnement du navigateur qui ont été réimplémentées dans l'environnement Xul Pouletfoot pour la familiarité.
Un tel exemple est la fonction d'alerte; Considérez l'extrait suivant du code JavaScript:
click("Images")Lorsque ce code est exécuté dans l'environnement HTML dans Firefox, il affiche la boîte de dialogue suivante:
Cependant, lorsqu'il est exécuté dans l'environnement des pieds de poulet, le même code produit la boîte de dialogue suivante:
En plus des nombreuses fonctions partagées, il existe des fonctions supplémentaires qui ne sont pas disponibles dans l'implémentation JavaScript basée sur un navigateur ordinaire, mais sont disponibles dans l'environnement de poulet. Une liste de ces fonctions peut être trouvée dans la documentation de l'API de poulet.
Comme pour la technologie, il y a certaines parties de poulet en poulet qui sont plus utiles que d'autres, et des parties que vous aurez absolument besoin de comprendre afin de tirer le meilleur parti du poulet.
Voici les parties que je trouve les plus utiles.
Le modèle de données de modèle
La plupart des fonctions du pied de poulet acceptent les modèles pour les paramètres. Un modèle est décrit dans la documentation de l'API comme «une union d'un certain nombre d'autres données».
Il est plus facile de considérer un modèle comme une phrase scolarisée pour accéder aux objets sur une page HTML. Par exemple, le motif «Second Chickenfoot» fait référence à la deuxième occurrence du mot «poulet poulet» sur une page. Si vous deviez visiter la page API Pouletfoot et exécuter le code suivant, la deuxième occurrence du mot «poulet» sur la page serait sélectionnée:
go("google.com")Il existe quelques variations sur cette approche, et Chickenfoot utilise une logique pour essayer de déterminer intelligemment quel modèle que votre phrase utilise. Pour cette raison, certaines fonctions (telles que le clic) ne fonctionnent pas bien avec les modèles, car ils généreront des erreurs s'ils reçoivent un modèle qui pourrait renvoyer plus d'un résultat possible.
Par exemple, supposons que nous devions modifier le code ci-dessus en ce qui suit:
go("http://www.google.com/")
click("Images")
go("http://images.google.com/imghp?hl=en&tab=wi")
enter("Sign in", "koalas")
click("Search Images button")
go("http://images.google.com/images?hl=en&q=koalas&btnG=Search+Images
&gbv=2")Il est probable que cela produise un message d'erreur dans le panneau de sortie similaire à ce qui suit:
go("google.com")
click("Images")
enter("koalas")
click("Search Images button")Pour utiliser efficacement les modèles, vous avez donc besoin de rendre vos modèles particulièrement précis (par exemple, en utilisant la syntaxe XPath ou la syntaxe de requête LAPIS si vous avez l'installation de l'extension LAPIS) ou utilisez la fonction Find, et itérez dans le tableau d'objets que cette fonction renvoie. Nous examinerons cette approche ensuite.
Un modèle est une union des données suivantes:
La fonction de recherche
La fonction de recherche prend un motif et renvoie les objets qui correspondent à ce modèle. Placez le code suivant dans votre panneau supérieur et exécutez-le sur cette même page:
click("Images")Vous remarquerez qu'un objet apparaît dans votre panneau de sortie. Cliquer sur cet objet entraînera la mise en évidence de toutes les instances du mot «pouletfoot».
L'objet que cette fonction renvoie n'est malheureusement pas un tableau JavaScript. En règle générale, vous devrez tuer les résultats de la fonction de recherche de Chickenfoot dans un tableau, puis faire une boucle dans le tableau pour choisir l'objet individuel que vous recherchez.
La fonction include
La fonction inclue vous permet d'inclure d'autres fichiers JavaScript dans votre script de poulet. Chickenfoot est livré avec des bibliothèques intégrées (la plupart des noms sont explicites):
Lorsque vous tenez compte de la fonctionnalité que chacune de ces bibliothèques apporte à la table, vous devriez commencer à apprécier le potentiel que Pouletfoot apporte au Web.
Vous pouvez inclure une bibliothèque dans votre script de poulet de poulet de l'une des quatre façons différentes:
Une note concernant l'utilisation de nouvelles bibliothèques: j'ai trouvé que souvent les types de bibliothèques qui fonctionnent le mieux sont celles qui fournissent des fonctionnalités spécifiques, comme CSSQuery ou des bibliothèques similaires, plutôt que des bibliothèques qui tentent d'être globales.
La fonction inclue prend également un paramètre d'objet facultatif qui peut être très utile pour inspecter ce qui est disponible dans une bibliothèque ou un ensemble de bibliothèques, bien que cette fonctionnalité ne soit pas couverte dans cet article.
Pouletfoot a également plusieurs autres constructions de langage, comme After, avant et INSERT, qui vous permettent de récupérer un élément sur la page à l'aide de trouver, puis de naviguer de cet élément vers l'élément que vous recherchez vraiment. Ces fonctions permettent également d'insérer dynamiquement du contenu dans cet élément ou dans un élément HTML environnant.
Toute technologie qui prétend automatiser les tâches devrait faciliter les choses utiles rapidement. Dans cette section, je vais décrire quelques tâches pour lesquelles le poulet est vraiment utile. J'ai inclus des fragments de code, et bien qu'ils ne puissent pas illustrer les meilleures pratiques JavaScript, ils font un bon travail pour illustrer diverses utilisations du poulet.
Commençons! Voici quelques scripts de poulet à pratiques.
Tout d'abord, découvrons quelles variables sont liées au niveau supérieur de votre chrome Firefox:
click("Images")Cette seule ligne devrait vous fournir pas mal d'informations. Vous pouvez également afficher un tas d'informations sur le document actuel en utilisant cette commande:
go("google.com")Ensuite, publions la page Web actuelle en tant que chaîne XHTML dans le volet de sortie:
go("http://www.google.com/")
click("Images")
go("http://images.google.com/imghp?hl=en&tab=wi")
enter("Sign in", "koalas")
click("Search Images button")
go("http://images.google.com/images?hl=en&q=koalas&btnG=Search+Images
&gbv=2")Maintenant, écrivons la chaîne xhtml ci-dessus sur votre bureau. Il est possible d'écrire la sortie XHTML de l'exemple ci-dessus à un fichier sur votre bureau. Remplacez le séparateur de fichiers échappé "" dans la dernière ligne par "//" si vous êtes sur une machine Mac ou Linux:
go("google.com")
click("Images")
enter("koalas")
click("Search Images button")La tâche ci-dessus peut en fait être effectuée en utilisant un code encore plus simple dans la version qui sera bientôt publiée de Pouletfoot, car il utilise le répertoire de téléchargement Firefox par défaut (généralement le bureau).
Maintenant, interagissons avec le navigateur Chrome que vous avez inspecté.
Dans Firefox, certaines parties du chrome de fenêtre de votre navigateur sont accessibles si vous avez l'ID de l'objet en question. Cela peut être récupéré à l'aide de la fonction chromewindow.document.getElementByid. Par exemple, l'ID du menu contextuel affiché lorsque vous cliquez avec le bouton droit sur une page est ContentAreAcontextMenu. Si nous devions prendre le script de l'exemple 3 ci-dessus, qui enregistre le Dom au bureau et l'enveloppez dans une fonction, nous pourrions alors appeler cette fonction à partir du menu contextuel, comme ainsi:
click("Images")Notez que la fonction d'ajout de la fonction de poulet en poulet vous permet d'ajouter des données à un document. Vous l'utilisez comme ceci:
go("google.com")J'espère que ces exemples vous donnent une idée de certaines des tâches simples mais puissantes qui peuvent être automatisées par le script de poulet.
Assez avec les tâches simples - faisons quelque chose d'un peu plus avancé avec le poulet!
J'utilise le script suivant pour ajouter des fonctionnalités à Gmail - en particulier, pour rechercher et sélectionner parmi une page les conversations qui contiennent du texte qui correspond à un motif de pied de poulet particulier. C'est une amélioration utile et puissante pour le client de messagerie Web préféré de tout le monde.
voici le script:
go("http://www.google.com/")
click("Images")
go("http://images.google.com/imghp?hl=en&tab=wi")
enter("Sign in", "koalas")
click("Search Images button")
go("http://images.google.com/images?hl=en&q=koalas&btnG=Search+Images
&gbv=2")Ce script invite l'utilisateur à une entrée, puis transmet cette entrée en tant que paramètre à une fonction de recherche de poulet. N'oubliez pas que la recherche accepte un motif de poulet, donc les utilisations possibles de ce type de recherche sont presque illimitées étant donné que vous pouvez lui demander de correspondre plus que des chaînes.
Vous vous souvenez peut-être du moment où nous avons rencontré la méthode de recherche pour la première fois qu'il ne renvoie pas de tableau. Nous devons donc lire les résultats dans un tableau. Vous trouverez probablement le fragment de code qui effectue cette tâche pour être utile dans d'autres scripts de poulet que vous écrivez:
go("google.com")
click("Images")
enter("koalas")
click("Search Images button")Après cela, le script boucle via le tableau renvoyé par la fonction Find et essaie de construire un motif de poulet qui correspondra exactement au texte qui contenait notre chaîne de recherche. Nous utilisons ensuite la fonction de chèque de poulet pour basculer la case la plus proche de cette section du texte, sélectionnant ainsi ce message.
N'oubliez pas que le chèque doit être en mesure de s'assurer qu'il a le texte exact, ou il lancera une erreur, c'est pourquoi nous ne pouvons pas simplement faire un chèque sur Found.Text.
Un aspect notable du script ci-dessus est sa petite taille par rapport à la fonctionnalité qu'il atteint. Les fonctions de Chickenfoot offrent des moyens plus faciles d'interagir dynamiquement avec un document que des API standard telles que le DOM.
Dans cet article, nous avons examiné plusieurs façons dont vous pouvez facilement utiliser le poulet pour interagir avec le navigateur. Nous n'avons gratté la surface qu'en termes de ce qui peut être fait avec le poulet dans cet article - le potentiel est énorme, et il n'est limité que par votre imagination!
Si vous souhaitez en savoir plus, consultez les ressources suivantes:
Si vous créez un script de tueur, je vous encourage à le soumettre au wiki poulet. Happy Scripting!
Un outil de réécriture Web est principalement conçu pour aider les utilisateurs à paraphraser ou à réécrire du contenu. Cela peut être particulièrement utile pour les créateurs de contenu, les écrivains, les étudiants et les professionnels qui ont besoin de créer un contenu unique à partir de sources existantes. Ces outils utilisent des algorithmes avancés et de l'intelligence artificielle pour garantir que le contenu réécrit maintient la signification d'origine tout en modifiant la structure et le libellé pour éviter le plagiat.
Les outils de réécriture Web sont-ils compatibles avec tous les navigateurs?
Dans quelle mesure les résultats des outils de réécriture Web sont-ils fiables?
Puis-je utiliser des outils de réécriture Web à des fins académiques?
Comment fonctionne l'IA dans les outils de réécriture Web?
La plupart des outils de réécriture Web sont sûrs à utiliser. Cependant, il est important de revoir la politique de confidentialité de l'outil pour comprendre comment vos données sont gérées. Certains outils peuvent stocker votre contenu temporairement pour le traitement, mais ils ne gardent généralement ni ne partagent vos données.
Oui, les outils de réécriture Web peuvent aider à améliorer vos compétences en rédaction en fournissant des moyens alternatifs d'exprimer vos pensées et vos idées. Ils peuvent également vous aider à apprendre un nouveau vocabulaire et à améliorer votre grammaire.
Certains outils de réécriture Web prennent en charge plusieurs langues, mais ce n'est pas une fonctionnalité universelle. Vérifiez toujours les spécifications de l'outil pour la prise en charge du langage.
Bien que les outils de réécriture Web soient puissants, ils ne capturent pas toujours parfaitement les nuances du langage humain. Ils peuvent avoir du mal à des phrases complexes ou à un jargon spécifique. Par conséquent, il est toujours recommandé d'examiner et de modifier le contenu réécrit.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Quelle langue est le langage C ?
Il n'y a pas d'option WLAN dans Win11
utilisation de la commande telnet
Quelles sont les différences entre le pool de threads Spring et le pool de threads JDK ?
Balises HTML courantes
Site officiel d'Okex
Plateforme nationale de monnaie numérique
Quelle est la fonction du diviseur de fréquence
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
