ブックマークレット【 JavaScript】

1 :デフォルトの名無しさん:2016/03/28(月) 09:00:18.64 ID:EDcA0VgH.net
ブックマークレット/Bookmarkletの作り方
ttp://www.catch.jp/wiki/?Bookmarklet%A4%CE%BA%EE%A4%EA%CA%FD

2 :デフォルトの名無しさん:2016/03/28(月) 09:33:08.82 ID:KS6ZmPpC
今更使う必要ある?

3 :デフォルトの名無しさん:2016/03/28(月) 10:28:05.63 ID:jP0nw9w8
使わなくなった理由はなんだろう?

4 :デフォルトの名無しさん:2016/03/28(月) 16:35:17.92 ID:JZTA41xs
iPhoneで拡張できないから結構つかってるけど

5 :デフォルトの名無しさん:2016/03/29(火) 02:20:27.74 ID:a6+xUsLs
スマホはブラウザ機能貧弱だからブックマークレットはそこそこ便利やな

6 :デフォルトの名無しさん:2016/03/30(水) 17:23:58.21 ID:08jXb08C
ブックマークレットを使いこなすスレ
http://hello.2ch.net/test/read.cgi/iPhone/1253376564/
ブックマークレットを使いこなすスレ2
http://hello.2ch.net/test/read.cgi/iPhone/1269788863/
からコピペ

392: iPhone774G 2012/05/02(水) 10:40:38.70 ID:wfleSFm2i
FC2動画で分割された動画のURLに+1してくれるブックマークレットってない?

こんな感じに
http://video15.fc2.com/up/201205/02/W/p/7e0d9ff0b15d633d/IMO_10M_001.3gp

http://video15.fc2.com/up/201205/02/W/p/7e0d9ff0b15d633d/IMO_10M_002.3gp

402: iPhone774G 2012/05/06(日) 11:08:09.06 ID:1NzPLD/90
>>392>>400
亀だし、適当に書いたものだけど

javascript:(function(){a=location.pathname;i=a.lastIndexOf( 👀
Rock54: Caution(BBR-MD5:0be15ced7fbdb9fdb4d0ce1929c1b82f)

7 :デフォルトの名無しさん:2016/04/01(金) 08:54:25.08 ID:a/Y95acz
えろ

8 :デフォルトの名無しさん:2016/04/02(土) 18:15:13.36 ID:2jgeHB/y
NGワード扱いでエラーになるから改行

ニコ動で実行したら外部プレーヤーに飛ぶやつ

576: iPhone774G [sage] 2013/04/18(木) 07:23:11.13 ID:hVt7PK5l0
javascript:(function(){location.replace(‘http://nic
oviewer.net/sp’+location.pathname.split(‘/watch’).join(”))})();

9 :デフォルトの名無しさん:2016/04/04(月) 08:26:06.79 ID:GjJYDz8/
だから何?

10 :デフォルトの名無しさん:2016/04/04(月) 23:19:33.89 ID:mHnLubn4
>>0002
iPhoneだから
javascript:(function(b,x){x.onload=function(){b.innerText=x.responseText};x.open(‘get’,location);x.send();b.style.whiteSpace=’pre’}(open().document.body,new XMLHttpRequest()))とか
javascript:(function(b){b.innerText=document.documentElement.outerHTML;b.style.whiteSpace=’pre’}(open().document.body))とかでソース見る

11 :デフォルトの名無しさん:2016/04/05(火) 16:10:52.38 ID:SCE0eM/x
もっと便利なブックマックレートないの?

12 :デフォルトの名無しさん:2016/04/05(火) 16:11:52.93 ID:SCE0eM/x
もっと便利なブックマックレートないの?

13 :デフォルトの名無しさん:2016/04/05(火) 17:33:08.25 ID:rMiDgRTJ
>>12
どんなの欲しい?

14 :デフォルトの名無しさん:2016/04/09(土) 16:13:26.48 ID:MhOA1xwc
ソース表示する際に
テキストボックス化でコピペしやすくなるブックマーレットくれ

15 :デフォルトの名無しさん:2016/04/10(日) 21:02:55.84 ID:8/ODR44r
>>14
テキストボックスではないけれど
>>10にcontentEditableを追加
javascript:(function(b,x){x.onload=function(){b.innerText=x.responseText};x.open(‘get’,location);x.send();b.style.whiteSpace=’pre’;b.contentEditable=true}(open().document.body,new XMLHttpRequest()))

javascript:(function(b){b.innerText=document.documentElement.outerHTML;b.style.whiteSpace=’pre’;b.contentEditable=true}(open().document.body))

16 :デフォルトの名無しさん:2016/04/13(水) 12:44:11.76 ID:fVWxSIpa
↑Androidで使ってみたけどソースは表示されるけどタップしても無反応

17 :デフォルトの名無しさん:2016/04/15(金) 21:28:13.20 ID:RSQxktYs
ttp://bookmarklet.web.fc2.com/

18 :デフォルトの名無しさん:2016/04/16(土) 12:45:41.45 ID:otw6oeMn
>>16
javascript:(function(b,x){x.onload=function(t){t=document.createElement(‘textarea’);t.value=x.responseText;b.appendChild(t);t.style.cssText=’height:100%;width:100%’};x.open(‘get’,location);x.send()}(open().document.body,new XMLHttpRequest()))

javascript:(function(b,t){t.value=document.documentElement.outerHTML;b.appendChild(t);t.style.cssText=’height:100%;width:100%’}(open().document.body,document.createElement(‘textarea’)))

19 :デフォルトの名無しさん:2016/04/16(土) 16:31:59.70 ID:Jq5cHkEk
>>18
サンクス
ちゃんと使えた

20 :デフォルトの名無しさん:2016/04/19(火) 22:53:57.24 ID:QGCYY8zd
ブックマークレットとはちょっと違うかも?
iPhone用

data:text/html,<meta name=viewport content=width=220><textarea id=t cols=30></textarea>
rate<br><input type=range max=2 step=.1 value=1 id=r ontouchmove=nextSibling.data=value>1<br>pitch<br><input type=range max=2 step=.1 value=1 id=p ontouchmove=nextSibling.data=value>1<br>
<button onclick=’s=new SpeechSynthesisUtterance(t.value);s.rate=r.value;s.pitch=p.value;speechSynthesis.speak(s)’>Speak</button><button onclick=speechSynthesis.cancel()>Stop</button>

2chの制限で改行入れてあります

21 :デフォルトの名無しさん:2016/04/20(水) 12:06:01.93 ID:JKcF+Lku
どこが改行か分からん

22 :デフォルトの名無しさん:2016/04/20(水) 23:12:52.66 ID:GIc74/ng
>>21
改行入っててもそのままSafariの検索/アドレスバーにコピぺすれば使えるみたい

24 :デフォルトの名無しさん:2016/05/03(火) 08:11:45.61 ID:trdGBV2V
サイトの不要な部分をクリックで削除するやつ

Click2Zap Bookmarklet 1.1
ttp://www.mrclay.org/2006/02/18/click2zap-bookmarklet/

25 :デフォルトの名無しさん:2016/05/06(金) 16:28:41.76 ID:or4UlEmw
>>24
iPhoneで使える物ないかなぁ

26 :デフォルトの名無しさん:2016/05/08(日) 13:08:54.89 ID:58hZrDZf
普通にiPhoneで使えるんじゃないの
Androidでも動くし
ttp://hokoxjouhou.blog105.fc2.com/blog-entry-95.html

27 :デフォルトの名無しさん:2016/05/08(日) 23:28:04.97 ID:MXaZ2+9K
>>26
iPhoneだとmouseoverが出来ないしtouch操作をclickに変換しているのでclickイベントが拾えない要素があり取りあえず動くけど使えると言うレベルで無い

28 :デフォルトの名無しさん:2016/05/11(水) 05:55:54.56 ID:Kyi4BTmY
話切って悪いのだが、

Webサイトの特定のhtml内容をだけを正規表現で検出するのは出来ませんでしょうか?
環境制限がきつくてPG組み込めないので途方にくれてます。。。

30 :デフォルトの名無しさん:2016/05/28(土) 11:04:21.68 ID:y9BLjerK
iPhone9.3.2のSafariでブックマークレットを登録しようとすると、
javascript:(function(a,s)%7Bs=docu……
このように”{“や”[“などが勝手に”%7B”のようにURIエンコードされてしまい、ブックマークレットが動作しないんだけど、回避方法ってありますか?

iOS版のChromeでは正常に機能しているので、コード自体に何か問題があるようには思えません。

31 :デフォルトの名無しさん:2016/05/28(土) 21:55:00.87 ID:ZJjr8/x2
ブックマークするHTMLを用意するか
MacのSafariと同期はどう?

32 :デフォルトの名無しさん:2016/05/30(月) 03:51:05.94 ID:5BBk7omh
>>31
もともとMacのSafariから同期したものだったので、そいつがエンコードされてました。iPhoneのSafariから直接登録しても同様です。

登録用のHTMLですが、最新バージョンのiOSのSafariではjavascript:…のリンクは長押ししてもブックマーク出来ないようです。

33 :デフォルトの名無しさん:2016/05/30(月) 16:28:37.09 ID:aUbs31DD
>>32
iPhone5&iOS8.4.1だけどURIエンコードされていてもちゃんと動く
webサイトで紹介されている物もURIエンコードされているものが載っていたりするし動かないのは不思議です

34 :デフォルトの名無しさん:2016/05/30(月) 23:45:52.95 ID:jbfY6uFk
>>30
自作のブックマークレットでiPhoneのChromeではきちんと動くけれどSafari場合ウェイトを入れないと動作がおかしい物があるので動作タイミングが関係しているのかも

35 :デフォルトの名無しさん:2016/05/31(火) 10:21:40.24 ID:hPwQjNau
>>33 >>34
そうなんですか。困ったなあ。
URIエンコードの問題じゃなく、そもそもSafariでは動かないスクリプトなのかもしれませんねえ。

36 :デフォルトの名無しさん:2016/06/06(月) 18:12:53.58 ID:YyzWSuUV
googleのサイト翻訳のブックマークレットくれ

38 :デフォルトの名無しさん:2016/06/11(土) 09:43:26.01 ID:taRML7Sw
修正

javascript:(function(){var d=document,a=$(‘adOuter’),c=$(‘container’).style;if(a!=null){a.parentNode.removeChild(a);}c.height=”10%”;c.backgroundColor=”white”;
$(‘slideArea’).style.position=”static”;$(‘main’).appendChild(d.createTextNode(‘← ここを 左右にスライド or 端をタップ →’));function $(e){return d.getElementById(e);}})()

41 :デフォルトの名無しさん:2016/06/14(火) 14:07:47.88 ID:AxkJ69G+
しょっちゅう使うので外部アクセスは気になる

44 :デフォルトの名無しさん:2016/11/02(水) 07:17:03.06 ID:416+30+Z
Twitterで検索するだけのブックマークレットが欲しいのですがjavascriptがよくわからず困ってます

・起動するとテキストを入力するところがポップアップされる
・OKを押すとTwitterの検索URLに代入?され、それを新規タブで表示。キャンセルを押すと何も起きない

やりたい事としてはこの2つです
ヒントまたはそのブックマークレットを描いてもらえませんか?

45 :デフォルトの名無しさん:2016/11/02(水) 07:20:20.80 ID:416+30+Z
少し失礼な文章になってしまいました
申し訳ないです、お願いします

47 :デフォルトの名無しさん:2016/11/02(水) 16:36:56.40 ID:db1quxwb
>>44
ログインしないと使えないのに?

48 :デフォルトの名無しさん:2016/11/03(木) 05:18:40.13 ID:IR2XCtcP
>>47
レス感謝です。ありがとうございます
私の環境ではログインせずに使用できたのですが普通はできないのでしょうか?

51 :デフォルトの名無しさん:2016/11/14(月) 18:01:05.64 ID:zlxXdLUF
PhantomJS+CasperJS

52 :デフォルトの名無しさん:2016/11/14(月) 18:14:10.24 ID:1E3qHIBW
実行したら埋め込み動画のURL表示するブックマークレット誰か作ってくれ

53 :デフォルトの名無しさん:2016/11/14(月) 20:23:08.28 ID:Sxq8S45+
>>50
window.locationをwindow.openにしてやればできる
あとはwindow.openでググって

>>51
動画元のサイトによって抜き方が全然違うんだけど1本で網羅したいなら
その手のWebサービス使って抜いたURL返して貰うのが良いんじゃないか?

57 :デフォルトの名無しさん:2017/01/25(水) 00:38:54.55 ID:zqX7c4Ca
iphoneのsafariで、見てるページを編集するブックマークレットはそこらじゅうに
あるのですが、さらに行全体を選択する場合はどうかけばいいですか?
やっぱり最初と最後のポイントを返す必要があるのかな?

56 :デフォルトの名無しさん:2016/11/17(木) 09:41:35.90 ID:nnl091NS
>>55
そこまで分かってるなら後は摘出すりゃいいじゃん?

55 :デフォルトの名無しさん:2016/11/14(月) 22:33:49.92 ID:1E3qHIBW
言葉足らずだったな
DL用の直リンURLじゃなく
FC2で言えば
ttp://video.fc2.com/flv2.swf?i=****
動画のIDが含まれたswfやembedの埋め込みURLが抽出したい
スクリプトや画像とか余計な部分が実行されて再生がモタつく場合があるから

58 :デフォルトの名無しさん:2017/01/25(水) 09:15:27.57 ID:fi+LLpUP
>>57
カーソルのある部分の前後改行コード探して選択かなぁ
正規表現でできなさそうだし

60 :デフォルトの名無しさん:2018/07/04(水) 23:29:49.84 ID:gFgZc5FG
HFY

62 :デフォルトの名無しさん:2019/01/01(火) 05:00:58.06 ID:hdGSy1P6
FC2の動画直URL抜き出すブックマークレットくれ
そういうサイトはあるが入力面倒すぎ

63 :デフォルトの名無しさん:2019/03/06(水) 23:25:41.53 ID:fp1g/8wZ
>>62
ブックマークレットからサイトに移行したよ
ブックマークレットだけじゃ大変だろ

64 :デフォルトの名無しさん:2019/03/07(木) 01:05:39.43 ID:HP1QEMiZ
URLのコピーとフォームへの入力を自動化するブックマークレットを書くんだよ

65 :デフォルトの名無しさん:2019/03/07(木) 01:08:41.27 ID:HP1QEMiZ
ごめんJSだけではクリップボード取得無理だったわ
ショートカットアプリやAppleScriptで

66 :デフォルトの名無しさん:2019/03/07(木) 05:08:49.24 ID:8RwKmlXy
クリップボード処理は、Ruby から、
powershell Get-Clipboard コマンドを使う

Node.js, Electron でも出来るかも

67 :デフォルトの名無しさん:2019/03/13(水) 22:47:17.84 ID:bUFEpZHr
powershellすげー

68 :デフォルトの名無しさん:2019/03/13(水) 23:06:13.59 ID:NHVqOlaX
JavaScript でもクリップボードにコピーできる。
テキストボックスでテキストを
.select();
とかで選択状態にしてから
document.execCommand(“copy”);
ブックマークレットでも実行できる。

FC2に対応したところある?
俺はようつべはここつこうた
http://catchvideo.net/
https://ja.savefrom.net/
https://lab.syncer.jp/Tool/Twitter-Video-URL-Converter/
http://www.vid-dl.net/

69 :デフォルトの名無しさん:2019/03/13(水) 23:50:45.81 ID:nlCgcI+6
コピーはできるけど取得が無理

70 :デフォルトの名無しさん:2019/03/13(水) 23:57:09.29 ID:wOxOeP3T
一応pasteコマンドも準備されてるんだね。こわいよw
使えるブラウザなさそうだけど

https://codepen.io/chrisdavidmills/full/gzYjag/

71 :デフォルトの名無しさん:2019/03/14(木) 00:57:47.21 ID:fqu9teky
paste.js
http://layerssss.github.io/paste.js/

これはCtrl+Vをクリックしたときに取得するイベント処理だった。
確かに自動ペーストはできないらしい。

しかし、ドラッグ&ドロップでリンクやテキストを貼り付けることは出来るんだし
いちいちクリップボード経由する必要なくね?
受け取るときは onDrop で
event.dataTransfer.getData(“TEXT”);
event.preventDefault();
を実行するだけ。

ondragover=”event.preventDefault();”
とかする必要があるのかよく分からないけど入れてる。