「TRILLニュースを非表示にするブックマークレット」という記事を書きました。
今回はそれをChrome拡張機能にしてみました。
拡張機能
trill_removerというフォルダの中にファイルを二つ配置します。
trill_remover
└content.js
└manifest.json
content.js
const cites = document.querySelectorAll('cite');
cites.forEach(cite => {
if (cite.textContent.includes('TRILL ニュース')) {
let parentArticle = cite.closest('article');
if (parentArticle) {
parentArticle.style.display = 'none';
}
}
});
cites.forEach(cite => {
if (cite.textContent.includes('TRILL ニュース')) {
let parentArticle = cite.closest('article');
if (parentArticle) {
parentArticle.style.display = 'none';
}
}
});
manifest.json
{
"manifest_version": 3,
"name": "TRILL News Remover",
"version": "1.0",
"description": "Yahoo!JAPANの読み込み時にTRILLニュースを非表示にします。",
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["content.js"],
"run_at": "document_idle"
}
]
}
"manifest_version": 3,
"name": "TRILL News Remover",
"version": "1.0",
"description": "Yahoo!JAPANの読み込み時にTRILLニュースを非表示にします。",
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["content.js"],
"run_at": "document_idle"
}
]
}
設定方法
次のファイルをダウンロードして適当なフォルダに展開します。
trill_remover
Chromeのアドレスバーに chrome://extensions と入力して、Enterキーを押します。
ページの右上にある「デベロッパーモード」のスイッチをクリックしてオンにします。
「パッケージ化されていない拡張機能を読み込む」というボタンが表示されるので、それをクリックします。
ファイルを選択する画面が開きますので、先ほど展開した trill_remover フォルダを選んで「選択」ボタンを押してください。
これで「TRILL News Remover」という拡張機能が一覧に追加され、有効になります。
この状態でYahoo!ニュースを開き「TRILL ニュース」が非表示になれば成功です。お試しください。
コメント