Appinn フォーラムからコメントを取得し、ホームページに表示します

このカスタムエンジンを通じて、Appinn のメイン Web サイトのコンテンツを閲覧するときに、対応するフォーラム投稿のコンテンツを自動的にクロールして表示できるようになります。

comment

新しいエンジンを追加

SearchJumper構成ページを開き、SearchJumperの「現在の Web ページ」グループにエンジンを追加します。

URL入力ボックスに入力します

html

showTips:%t 
<style>
#topic-title, #post_1, footer, header, .meta{
 display: none;
}
#main-outlet {
  padding: 20px;
  text-align: left;
}
a {
 color: gray;
}
.crawler-post-meta {
 font-size: 12px;
}
aside.quote {
    margin: 10px 0px 0px 20px;
    font-style: italic;
}
img {
    max-height: 200px;
    width: auto;
}
aside.onebox {
    font-size: small;
    border: 1px solid;
    border-radius: 10px;
    padding: 10px;
    margin: 5px;
}
#main-outlet {
    max-height: 800px;
    overflow: auto;
    pointer-events: all;
}
</style>
{noscript[data-path]|innerHTML}

このうち、先頭の showTips はマウスホバリング時の情報をエンジンがキャプチャして表示することを意味し、%t はキャプチャの対象が現在マウスが指しているリンクであることを意味します。

以下は、クロール後に表示する必要がある HTML テンプレートです。ここで、{noscript[data-path]|innerHTML} はキャプチャされたコンテンツ、具体的には noscript[data-path] の対応する要素の innerHTML 属性です。。

次に、[その他のオプション] をクリックし、[リンクを指す単語またはフィルタリングルールを検索する] にhttps://meta\.appinn\.net/t/topic/と入力します。これは、マウスがポイントしている場合のみを意味します。ニッチなソフトウェアフォーラムエンジンはリンク内にリンクがある場合にのみ表示され、それ以外の場合は非表示になります。

エンジンを保存します。

使用

Appinn のホームページで任意の記事を開きます。ページを下にスクロールして、[クリックしてディスカッションに参加する] ボタンを見つけます。 CTRL キーを押しながらこのボタンを右クリックするとタイルが表示され、新しく追加したエンジンの上にマウスを置くとクロールされたコンテンツが表示されます。

自動ハイライトを追加する

上記のトリガー手順が面倒だと感じる場合は、引き続き自動強調表示ルールを追加できます。追加後、「クリックしてディスカッションに参加」ボタンの上にマウスを置くと、キャプチャされたコンテンツが表示されます。

設定ページを開き、「ページ内検索」タブに切り替えます。

下にスクロールしてサイトの自動ハイライトルールを見つけ、「{}」内にルールを入力すると、フォームは次のようになります。

{
	"/^https://www\\.appinn\\.com/[^/]+/$/": {
	    "words": [
	        "/^https://meta\\.appinn\\.net/t/topic//l$s{unset;color:unset;}$t{$popup(1)}$in{.wpdc-join-discussion}"
	    ]
	}
}

ルールを保存します。

このうち、/^https://www\\.appinn\\.com/[^/]+/$/ は、ページ URL が正規表現と一致する必要があることを表し、その式の内容は ^https: //www\\.appinn\\.com/[^/]+/$.

「words」は強調表示されたキーワードを表します。

/^https://meta\\.appinn\\.net/t/topic//l$s{unset;color:unset;}$t{$popup(1)}$in{.wpdc-join-ディスカッション} は次のことを表します。

ターゲットは通常のパターン ^https://meta\\.appinn\\.net/t/topic/ に一致する必要があります。
ターゲットはリンクである必要があります (l)
ターゲットはスタイル background:unset;color:unset; を追加します。
ターゲット上に自動的にポップアップ表示されます ($t)
ポップアップコンテンツは、対応するグループ ($popup(1)) の showTips を含む最初のエンジンです。
要素 .wpdc-join-Discussion ($in) 内でのみターゲットを検索します

Appinn フォーラムからコメントを取得し、ホームページに表示します ​

新しいエンジンを追加 ​

使用 ​

自動ハイライトを追加する ​

Appinn フォーラムからコメントを取得し、ホームページに表示します

新しいエンジンを追加

使用

自動ハイライトを追加する