マイリーディングモード:余計な情報をすべて取り除いてすっきり閲覧!

マイリーディングモードとは

独自の定義を作成することで、オリジナルのリーディングモードを表示できる、Chrome、Firefox、Microsoft Edgeに対応する拡張機能です。

このページについて

初期状態では、見出しの真下にダミー広告が表示されます。もし、広告ブロックツールを導入していて画像が表示できないのであれば、JavaScriptがそれを検知し、ページの右上に邪魔なメッセージを表示します。ほかにも、サブメニューやサイトからの告知など、記事以外の情報が盛りだくさんです。

ここを切り抜いてみましょう

マイリーディングモードのオプションを開いたら、「対象のサイト」に「https://www.tnksoft.com/soft/internet/myreadingmode/demo/」を入力します。対象はデモページのみなので、ワイルドカードを指定する必要はありません。「定義名」は、後でリストから見つけやすいように、わかりやすい名前にしましょう。

また、広告ブロックツールを導入しているのであれば、このURLを例外に追加することで競合による不都合が減るでしょう。

ここの文章は「target」IDのタグで囲まれています。そこで、「定義の追加」ダイアログに以下のように記入します。ちなみに、タグとクラスは両方指定しておくと、要素の検索効率が若干高まります。

今回のページはブラウザが自動で「index.php」を読み込むため、特に編集しなくてもかまいませんが、ウィザードモードでは、必要に応じてURLの曖昧さを解決しなくてはいけません。ウィザードモードでは、このあたりの文章をクリックしてから、「IDが"target"の要素」という項目が出るまで「範囲の拡大」ボタンを押してみましょう。


「関連記事」から先の情報が不要なのであれば、「フィルターの追加」ボタンを押して表示されるダイアログで、以下のように指定します。これでtargetをIDにもつタグと、それ以降の文章や画像が表示されなくなります。

今回作成した定義をエクスポートした一例です。このテキストをコピーしてインポートダイアログに貼り付ければ、上記の作業はほぼすべて省くことができます。エクスポートしたテキストを一般に公開するかどうかは制作者の自由ですが、定義が知れ渡ってしまうと、相手がフィルタリングの対策をしてしまうかもしれないので、公開は慎重に。

[
  {
    "name": "TNKニュース速報",
    "url": "https://www.tnksoft.com/soft/internet/myreadingmode/demo/",
    "script": {
      "remain": false,
      "contextMenu": true,
      "except": {
        "inline": false,
        "path": [],
        "widget": []
      }
    },
    "css": {
      "remain": true,
      "except": {
        "inline": false,
        "inTag": false,
        "path": []
      }
    },
    "layout": {
      "column": "single",
      "searchBar": false,
      "searchUrl": "",
      "encoding": "urlenc"
    },
    "targets": [
      {
        "filters": [
          {
            "filter": "removeThisAndNext",
            "id": "others",
            "place": 1
          }
        ],
        "id": "target",
        "place": 1
      }
    ]
  }
]

関連記事
  • 記事その1
  • 記事その2
  • 記事その3
  • 記事その4
  • 記事その5


ピックアップリスト

提供エリア

全国のニュースはほかサイトのソースからですが、大阪市内の情報は独自に紹介することもあります。

お問い合わせ

お気軽にお問い合わせください。

Tel 06-0000-0000

営業時間 平日 9:00~18:00

広告掲載のお問い合わせ