☰

在 SearXNG 移动端优化 uBlacklist 通知 📱

在 SearXNG 移动端将 uBlacklist 通知移到搜索过滤器下方以提高可见性。

如何安装

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴、Greasemonkey 油猴子 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Userscripts ，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！）

作者
koyasi777
日安装量
0
总安装量
7
评分
0 0 0
版本
1.0.0
创建于
2025-05-18
更新于
2025-05-18
大小
4.5 KB
许可证
MIT
适用于

📱 SearXNGでuBlacklist通知をモバイル最適化

📝 概要

このユーザースクリプトは、SearXNGの検索結果ページに表示される uBlacklist の通知をモバイル表示時に見やすく再配置 します。
スマートフォンやタブレットでの表示では、通知が検索フィルタと同一行に表示されて折り返されてしまうことがあり、視認性が低下していました。
このスクリプトは、通知をフィルタ行から分離して独立した1行に表示することで、レイアウトを崩さず明瞭に通知を確認できるようにします。

📦 主な特徴

  • ✅ モバイル画面（768px以下）でのみ動作
  • 🔍 uBlacklist通知を自動検出
  • 📌 通知を .search_filters の直後に独立行として再配置
  • 🎨 フォントサイズや余白を調整し自然な見た目に
  • 🧠 MutationObserver により動的に変化するUIにも対応

🚀 インストール方法

  1. ブラウザに Violentmonkey または Tampermonkey を導入
  2. スクリプトをインストール
    👉 このスクリプトをインストールする

🌐 対応サイト

以下のような SearXNG インスタンスに対応：

// @match        *://*/searx/search*
// @match        *://*/searxng/search*
// @match        *://searx.*/*
// @match        *://*.searx.*/*

🔧 技術的なポイント

  • window.matchMedia('(max-width: 768px)') でモバイル判定
  • .ub-button を含む span を対象に通知を検出
  • .search_filters のスタイルに合わせて通知を再配置
  • 通知を <div> で囲んで1行表示に統一（改行強制）
  • DOMContentLoaded・load・MutationObserver で動的DOM対応

🧪 テスト済み環境

  • ✅ Chrome (Tampermonkey)
  • ✅ Firefox (Violentmonkey)
  • ✅ Android / iOS モバイル表示

📜 ライセンス

MIT License
自由に改変・再配布可能です。自己責任でご利用ください。

折り返される通知は、見逃される。
モバイルUIでも、伝えるべき情報はしっかり表示。