人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ChromeもしくはFirefoxのプラグイン機能で、URLの特定部分を毎回変更して再利用したいのですが、何か良いプラグインはありますでしょうか?
具体的には、http://www.abc.com/<変数>/statusの様なBookmarkを保存でき、毎回変数の部分を入力すると結果が得られるようなプラグインを探しています。

●質問者: kyoshiike
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
ベストアンサー

Bookmarklet でいけそうな感じです。
試しに、人力検索のウォッチリストへジャンプする際に、はてなID を入力するようにしてみました。

((url) => {
 const d_ = document;

 const variable = "@@@";
 const width = 60;
 const c_style_ = {
 backgroundColor: "green",
 color: "white",
 position: "absolute",
 width: (width + 20) + "ex",
 };
 const i_style_ = {
 fontFamily: "monospace",
 fontSize: "10.5pt",
 width: width + "ex",
 margin: "2em auto",
 display: "block",
 border: "none",
 padding: "2px 1px",
 };

 // container
 const c_ = d_.body.appendChild(Object.assign(d_.createElement("div"), {
 id: "a-kuma3",
 }));
 Object.assign(c_.style, c_style_);

 // input
 const i_ = c_.appendChild(Object.assign(d_.createElement("input"), {
 type: "text",
 value: url,
 onkeydown: function(ev) {
 switch (ev.keyCode) {
 case 13: // Enter
 location.href = this.value;
 this.style.display = "none";
 const m_ = c_.appendChild(Object.assign(d_.createElement("div"), {
 innerHTML: "Now Loading ...",
 }));
 Object.assign(m_.style, i_style_);
 break;
 case 27: // ESC
 c_.parentNode.removeChild(c_);
 break;
 }
 },
 }));
 Object.assign(i_.style, i_style_);

 // position
 const h_ = d_.documentElement;
 Object.assign(c_.style, {
 top: (h_.scrollTop + h_.clientHeight / 2 - c_.clientHeight / 2) + "px",
 left: (h_.scrollLeft + h_.clientWidth / 2 - c_.clientWidth / 2) + "px",
 });

 // select variable part
 i_.select();
 i_.selectionStart = url.indexOf(variable);
 i_.selectionEnd = i_.selectionStart + variable.length;


})("http://q.hatena.ne.jp/@@@/watchlist");

Hatena::Let にも置いてみました。
http://let.hatelabo.jp/a-kuma3/let/hLHW7JSExeZ_

コードの末尾に対象の URL が指定してあって、"@@@" を書き換えて送るような感じになってます。
Bookmarklet を動かすと、小窓が表示されて "@@@" が選択状態になっています。
そこを書き換えて、Enter キーを押すと指定の URL のページに遷移します。
ESC キーを押すと小窓が閉じます。

試したのは、Firefox だけですが、chrome でも動くと思います。


kyoshiikeさんのコメント
ありがとうございました。 Bookmarkletというのは、実は今回ご紹介いただくまで知らなかったのですが このようにScriptをBookmarkに埋め込めるのですね。 とても勉強になりました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ