https://github.com/yossy17/link-editor
https://github.com/yossy17/link-editor
userscript
Last synced: 10 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/yossy17/link-editor
- Owner: yossy17
- Created: 2024-07-17T00:07:07.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-11-25T00:22:18.000Z (about 1 year ago)
- Last Synced: 2025-02-13T16:44:50.367Z (11 months ago)
- Topics: userscript
- Language: JavaScript
- Homepage:
- Size: 75.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
このスクリプトは、リンクのタイトルと動作をカスタマイズできる機能を追加します。
リンク属性の管理とナビゲーションの改善のための使いやすいインターフェースを提供します。
## 主な機能
- リンクのテキスト内容に基づいてカスタムツールチップを追加
- リンクを新しいタブで開くかどうかを制御
- 特定のURLパターンにカスタマイズを適用
- ルールを管理するための使いやすい設定パネル
- ルールを整理するためのドラッグアンドドロップインターフェース
- 設定に素早くアクセスするためのショートカットキー`Ctrl + Alt + 0`
## 動作原理
1. ユーザーがCSS選択子を使用して特定の要素をターゲットにするルールを定義
2. スクリプトが一致する要素にtitle属性を追加し、ツールチップを作成
3. リンク要素の場合、新しいタブで開くように設定可能
4. ページが変更されると、ルールが動的に適用される
## 使用方法
- ブラウザのユーザースクリプトメニューまたは`Ctrl + Alt + 0`ショートカットで設定パネルを開く
- '+'ボタンをクリックして新しいルールを追加
- 各ルールを以下の項目で設定：
- タイトル：ツールチップに表示するテキスト
- セレクター：要素をターゲットにするCSS選択子
- URLパターン：ウェブサイトのURLに一致する正規表現
- 有効/無効の切り替え
- リンクの「新しいタブで開く」オプション
## 技術的詳細
- 動的コンテンツを処理するためにMutationObserverを使用
- 設定の永続化のためにGM_setValueを使用
- ドラッグ可能な設定パネルを実装
- さまざまな画面サイズに対応するレスポンシブデザイン
## インストール方法
1. ユーザースクリプトマネージャー（例：Tampermonkey）をインストール
2. スクリプトコードをコピー
3. マネージャーで新しいユーザースクリプトを作成し、コードを貼り付け
4. スクリプトを保存して有効化
Link Editorのカスタマイズ可能なリンク管理で、ブラウジング体験を向上させましょう！
---
## ライセンス
このプロジェクトはMITライセンスの下で公開されています。