f19n obtrusive livetest

Fullstackoptimization ライブ テスト - Chrome 拡張機能 / フレームワーク

http://www.fullstackoptimization.com/ によって https://die-anttwort.eu/ と協力して開発されました

Chrome App Store: https://chrome.google.com/webstore/detail/f19n-obstrusive-live-test/jbnaibigcohjfefpfocphcjeliohhold?hl=ja

ユーザー doku: https://docs.google.com/document/d/1UktjtxNe71vPKvw_D4xELX2RMJAXXI4-hrMC7Pinb6U ← ?

以前に知られていた広告「f19n Obtrusive Live Test」... 新しい名前は怖さが軽減されました。 （怖いアプリではありません、素晴らしいアプリです！）

それは何ですか？

これは、サンドボックス化された拡張可能なライブ テスト用の Chrome 拡張機能およびフレームワークです。アクセスした各ページで事前定義されたテストとカスタム テストが実行され、直接的な視覚的なフィードバックが提供されます。

現在、SEO、Webパフォーマンス、ソーシャルメディアのベストプラクティスを対象とした複数の事前定義ルールがあります。

それは何をするのですか？

この拡張機能は、オブジェクト内のページロード (http-headers、onpageload、onDOMready など) のライフサイクル全体を収集し、このオブジェクトに対して JavaScript 関数を実行して、テスト フィードバックを返します。

現在デフォルトでテストされているもののリストについては、/src/public/default-rules を参照してください。すべてのルールを検査し、無効化/有効化することができます。新しいデフォルト ルールが定期的に追加されます。

ページ読み込みライフサイクルのどのデータが収集されるかを確認するには、/sample-rules/sample.page-object-25112017.json を参照してください。

何ができるのでしょうか？

すべて！独自のテストを作成することもできます。ページの読み込みとレンダリングのライフサイクル中にブラウザーで発生するすべてのことを検査して分析することができます。

さらに、これらのルール内からサードパーティの REST-API を呼び出すことができます。 CORS ヘッダーや通常のフェッチ制限も無視します。

また、フェッチ経由で通常のページやその他のリソースをフェッチすることもできます。つまり、1 つのページで実行されるルールは、同じドメインの他の URL、または他のサードパーティ ドメインからの URL をフェッチできます。ドメインの robots.txt を取得し、現在テストされている URL が許可されているかどうかをテストするルールについては、/default-rules/robotstxt-googlebot-url-check-v2.js を参照してください。

ユーザードク

Google ドキュメントを参照

発達

独自のルールを開発するには、Chrome App Store から拡張機能をインストールするだけです。

さらに詳しく知りたい場合は、この担当者のクローンを作成してください。その後：

すべての依存関係をインストールする

npm install

ビルドプロセスの実行 (開発のみ)

ビルドプロセスを 1 回実行します (このためには、 grunt-cli がインストールされている必要がありますnpm install -g grunt-cli )。変更されたファイルを監視し、必要に応じて拡張機能を自動的に再読み込みします。

grunt

chrome://extensions/ を開き、解凍された拡張機能のインストール先を ./build フォルダーに指定します。

本番環境に対応したファイルとアーカイブを構築する

次のコマンドを実行して、Google Extension Dashboard にアップロードできる本番環境に対応した zip アーカイブを構築します。

grunt dist

アーカイブは/dist/export.zipに保存されます。

ルール

本番環境に対応したルールは /src/public/default-rules 内にあります。

/sample-rules 内には、いくつかのサンプル ルールに加えて、独自のルールの作成方法に関するドキュメントが含まれています。その後、拡張機能の設定ページでルールをアプリケーションに追加できます。

本当に簡単な開始点については /sample-rules/debug-hello-world.js を参照してください (説明については /sample-rules/debug-hello-world-with-comments.js を参照してください)。

また、/sample-rules/debug-stringify-page-object.js は、アクセスするすべてのページのページ オブジェクト (ページのライフサイクルについて収集された情報) を検査する簡単な方法を提供します。

ライセンス

• /sample-rules/ ディレクトリ内のすべてのルールは MIT ライセンスを取得しています。
• /public/default-rules/ ディレクトリ内のすべてのルールは MIT ライセンスを取得しています。
• ディレクトリ内の詳細を参照してください。

このリポジトリ内の他のすべてのコードは、別の方法で定義されていない限り、現在、

貢献ライセンス。

どういたしまして

• コードを確認する
• ブラウザにアプリケーションをインストールする
• 問題、プルリクエスト、その他のフィードバックを送信します
• コードベースについて学習したり、フィードバックを提供したりすることを目的として、コンピュータ上の開発モードでこの拡張機能をコンパイルして使用します。
• 自分自身または組織内で教育目的でコードを使用する

現在はしません

• このライセンスを削除します
• www.fullstackoptimization.com との間のブランドまたはリンクを削除する
• このリポジトリのコードに基づいて無料または商用製品を作成する
• このコードに基づいて製品を任意のアプリ ストアに送信します
• この拡張機能を社内の複数のコンピュータに開発者モードでインストールします

これらの制限は、/sample-rules/ および /public/default-rules/ コードには適用されません。

このライセンスは将来変更される可能性があります。この製品に最適な長期ライセンスが何になるかを判断する必要があります。

権利者: Franz Enzenhofer fe、f19n dot com