操り人形を用いた生産性ハック
4043 ワード
TL : DR :
Peopeteerは、ウェブサイトやブラウザの活動についての自動化を実行するためにWeb上で利用可能な最大のツールの一つです.今日では、コードの単一の巨大なチャンクの代わりに(これは、ページのスクリーンショット以外の何も役に立たない)私はあなたの次のプロジェクトまたは任意のテストの目的で使用できるいくつかのトリックを説明しようとします.
👻 操り人形とは
Puppeteerは、インターネット上で自動化された活動にヘッドホンクロムブラウザを使用するブラウザーオートメーションツールです.
操り人形は、ヘッドなしクロムと対話するために、Googleによって提供されるハイレベルのAPIを使用しています.これは、ピペットのデフォルトの動作を変更するために柔軟性と拡張性の高いレベルを提供します.
🚀 起動:
人形を起動するために、人々は通常、基本的な構成を使用しますが、ここで私は様々なモードでPitpeteerを起動するためにいくつかの事前の変更を表示します
ここでは、メイン3つのオプションを使用しています
画面上のブラウザの活動が表示されますので
そして、私たちがしていることは、launch ()を使って起動し、そのページをGoogleにリダイレクトすることです
🤖 インクルードモードでの操り人形の起動
オートメーションをしているときはいつでも、あなたはChromeのIninvitto Modeを使用することを強いられる点があります.サイトがあなたの中にクッキーを格納したので、それはかなり役に立ちます、なぜならば、彼らはあなたの中にクッキーを格納したので、あなたはロボットとしてあなたをマークしているLocalStorageとそれがあなたのアクセスを妨げているものにアクセスしているとき
その後解決策はこちら
起動中に、この2行のスニペットを追加し、操り人形が自動的に忍者モードで開きます.涼しい8)
ハンドルナビゲーション
あなたがテスト/オートメーションを複数のページに広げる間、ナビゲーションを取り扱うことはかなり重要です.ナビゲーションが適切に扱われないならば、我々はこれを得るかもしれません
Failed to execute. Mostly because context destroyed due to navigation
このようなものを避けるために次のようにナビゲーションを処理しますこれはGoogleで検索を行う例です.検索ボックスのタイプ(ボットの検出を避けるために提供された遅延と)を入力し、Enterキーを押します.
その後、ナビゲーションが完了するまで待機し、DOMコンテンツが完全に読み込まれると、さらに進んでください.
これらにさらに、私たちは、ページが完全にロードされるかどうかチェックするために2つの制約を使用することができます
😎 要素と相互作用:
我々は、何かに関する情報を得るために、ウェブ上でクリックしなければなりません.我々はすべて知っているが、操り人形はありません.したがって、それは要素をクリックすることを強制的に重要な機能のいずれかを知っている必要があります.
😂 それがクリックされる要素にスムーズにスクロールすることができますので、この多くを使用します.それが直接下で存在しているならば、それを直接クリックする代わりに、それは最初に点とそれのクリックまでスクロールします.
$$ eval ()を使用して評価します.
DOMと直接対話したくない場合にシナリオが発生した場合、EVAL ()を使用して要素から要素を取得できます
それをクリックしてテキストコンテンツなどを取得
ネイティブDOM APIのような$ $ eval ()の使用
javascript document.getElementById("blah")
多くの個人が好ましい.なぜなら、eval ()を使用した場合、PuntTeerはDOMを通して効率的に検索され、インターンは内部的にすべてのものを管理しますが、ネイティブAPIの使用によって、私たちは操船者に追加の負荷を加えています.それが優先ですが🎯 最終的な考え
操り人形は、自動化されたテストと他のものにかなり役に立ちます.しかし、あなたは検出の世話をする必要があります.この記事では、私は1日未満のいくつかのことについて触れた.しかし、あなたがより探検するならば、コメントで私に知らせさせてください.私はあなたの考えを聞くのが大好き💜
🙏 読んでくれてありがとう.
Reference
この問題について(操り人形を用いた生産性ハック), 我々は、より多くの情報をここで見つけました https://dev.to/sudarshansb143/productivity-hacks-using-puppeteer-81dテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol