ブックマークレットで URL パラメータを削除する

学んだこと

URL を他人と共有する際、クエリパラメータやフラグメントが含まれていると URL が長くなり、余計な情報が含まれてしまう。いつもは手動で削除していたが、ブックマークレットと Chrome の検索エンジン機能を組み合わせることで、キーボードショートカットだけで URL をクリーンにできるようになった。

詳細

背景

Web 閲覧中、URL に ?utm_source=... や #section などのパラメータが付いていることがよくある。これらを削除してシンプルな URL にしたい場面は多いが、手動で削除するのは手間である。ブックマークレットを Chrome の検索エンジン機能に登録することで、キーボード操作だけで瞬時にクリーンな URL に変換できる。

1. ブックマークレットコード

以下の JavaScript コードを使用する：

1javascript:void(location.href=location.href.split('?')[0].split('#')[0]);

このコードは現在の URL から ? と # 以降を削除し、ページをリロードする。

2. Chrome での設定手順

2-1. 検索エンジン設定画面を開く

Chrome のアドレスバーに以下を入力：

chrome://settings/searchEngines

2-2. カスタム検索エンジンを追加

  1. 「サイト内検索」セクションの横にある「追加」ボタンをクリック
  2. 以下の通りに入力：
    • 検索エンジン: URLクリーン（任意の名前でOK）
    • ショートカット: c（z や del など打ちやすい文字でOK）
    • URL: 上記のブックマークレットコードを貼り付け
  3. 「追加」をクリック

3. 使い方

Web 閲覧中に URL のパラメータを削除したい場合：

  1. Cmd + L（Mac）/ Ctrl + L（Windows）でアドレスバーを選択
  2. 設定したショートカットキー（例：c）を入力
  3. Enter キーを押す

ページがリロードされ、URL がクリーンな状態になる。

動作例

Before

https://example.com/article?utm_source=twitter&utm_campaign=promo#section1

After

https://example.com/article

利点

  • 高速: キーボード操作だけで完結
  • シンプル: 拡張機能不要
  • カスタマイズ可能: ショートカットキーを自由に設定可能

参考資料

chrome bookmarklet javascript productivity url