ブックマークレット【 JavaScript】 [無断転載禁止]©2ch.net
■ このスレッドは過去ログ倉庫に格納されています
ブックマークレット/Bookmarkletの作り方
ttp://www.catch.jp/wiki/?Bookmarklet%A4%CE%BA%EE%A4%EA%CA%FD スマホはブラウザ機能貧弱だからブックマークレットはそこそこ便利やな ブックマークレットを使いこなすスレ
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) 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(''))})(); >>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))とかでソース見る ソース表示する際に
テキストボックス化でコピペしやすくなるブックマーレットくれ >>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)) ↑Androidで使ってみたけどソースは表示されるけどタップしても無反応 ttp://bookmarklet.web.fc2.com/ >>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'))) ブックマークレットとはちょっと違うかも?
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
改行入っててもそのままSafariの検索/アドレスバーにコピぺすれば使えるみたい 匿名通信(Tor、i2p等)ができるファイル共有ソフトBitComet(ビットコメット)みたいな、
BitTorrentがオープンソースで開発されています
言語は何でも大丈夫だそうなので、P2P書きたい!って人居ませんか?
Covenantの作者(Lyrise)がそういう人と話したいそうなので、よろしければツイートお願いします
https://twitter.com/Lyrise_al
ちなみにオイラはCovenantの完成が待ち遠しいプログラミングできないアスペルガーw
The Covenant Project
概要
Covenantは、純粋P2Pのファイル共有ソフトです
目的
インターネットにおける権力による抑圧を排除することが最終的な目標です。 そのためにCovenantでは、中央に依存しない、高効率で検索能力の高いファイル共有の機能をユーザーに提供します
特徴
Covenant = Bittorrent + Abstract Network + DHT + (Search = WoT + PoW)
接続は抽象化されているので、I2P, Tor, TCP, Proxy, その他を利用可能です
DHTにはKademlia + コネクションプールを使用します
UPnPによってポートを解放することができますが、Port0でも利用可能です(接続数は少なくなります)
検索リクエスト、アップロード、ダウンロードなどのすべての通信はDHT的に分散され、特定のサーバーに依存しません
d サイトの不要な部分をクリックで削除するやつ
Click2Zap Bookmarklet 1.1
ttp://www.mrclay.org/2006/02/18/click2zap-bookmarklet/ 普通にiPhoneで使えるんじゃないの
Androidでも動くし
ttp://hokoxjouhou.blog105.fc2.com/blog-entry-95.html >>26
iPhoneだとmouseoverが出来ないしtouch操作をclickに変換しているのでclickイベントが拾えない要素があり取りあえず動くけど使えると言うレベルで無い 話切って悪いのだが、
Webサイトの特定のhtml内容をだけを正規表現で検出するのは出来ませんでしょうか?
環境制限がきつくてPG組み込めないので途方にくれてます。。。 28です。
亀になりまつが、別の方法で
自己解決しますた。スマソ iPhone9.3.2のSafariでブックマークレットを登録しようとすると、
javascript:(function(a,s)%7Bs=docu……
このように"{"や"["などが勝手に"%7B"のようにURIエンコードされてしまい、ブックマークレットが動作しないんだけど、回避方法ってありますか?
iOS版のChromeでは正常に機能しているので、コード自体に何か問題があるようには思えません。 ブックマークするHTMLを用意するか
MacのSafariと同期はどう? >>31
もともとMacのSafariから同期したものだったので、そいつがエンコードされてました。iPhoneのSafariから直接登録しても同様です。
登録用のHTMLですが、最新バージョンのiOSのSafariではjavascript:…のリンクは長押ししてもブックマーク出来ないようです。 >>32
iPhone5&iOS8.4.1だけどURIエンコードされていてもちゃんと動く
webサイトで紹介されている物もURIエンコードされているものが載っていたりするし動かないのは不思議です >>30
自作のブックマークレットでiPhoneのChromeではきちんと動くけれどSafari場合ウェイトを入れないと動作がおかしい物があるので動作タイミングが関係しているのかも >>33 >>34
そうなんですか。困ったなあ。
URIエンコードの問題じゃなく、そもそもSafariでは動かないスクリプトなのかもしれませんねえ。 iPhone用やけど
アメブロの画像保存ブックマークレット(β)
黒い画面で使うことで
通常どおり保存が可能になるはず
javascript:
d=document;
a=$('adOuter');if(a!=null){a.parentNode.removeChild(a);}
c=$('container').style;c.height="10%";c.backgroundColor="#FFFFFF";
$('slideArea').style.position="static";
$('main').appendChild(d.createTextNode('← ここを左右にスライド →'));
function $(e){return d.getElementById(e);} 修正
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);}})() ページのソースを表示してなおかつソース内のURLをリンク化するものがあれば教えてください
紹介しているサイトでも可です >>39
i-sourceviewってのが良さそうだったが
サイトの鯖が落ちてた
これは使えるっぽい
http://www.hongkiat.com/blog/view-source-codes-in-ipad-iphone/
けど外部サーバーにアクセスするので注意 Twitterで検索するだけのブックマークレットが欲しいのですがjavascriptがよくわからず困ってます
・起動するとテキストを入力するところがポップアップされる
・OKを押すとTwitterの検索URLに代入?され、それを新規タブで表示。キャンセルを押すと何も起きない
やりたい事としてはこの2つです
ヒントまたはそのブックマークレットを描いてもらえませんか? 少し失礼な文章になってしまいました
申し訳ないです、お願いします なんどもすみません、ちなみになんですがTwitterの検索URLはこちらのようです
https://twitter.com/search?q=【検索する単語】 >>47
レス感謝です。ありがとうございます
私の環境ではログインせずに使用できたのですが普通はできないのでしょうか? ログインしなくても使えるだろ
javascript:window.open('https://twitter.com/search?q='+%20encodeURIComponent(prompt('input%20serch%20word',''))%20);
動くか試してないけど多分動く
スマフォでTwitterアプリ入ってるとTwitterアプリが立ち上がるかもしれん Web Archive
javascript:location="http://web.archive.org/web/*/"+location;
ウェブ魚拓
javascript:window.location='http://megalodon.jp/?url='+escape(location.href);
archive.is
javascript:void(open('https://archive.is/?run=1&url='+encodeURIComponent(document.location)))
コピペして使ってるだけで理解してません
この3サイトでの保存を1クリックで実行する方法あれば教えてください
現在は同じページを3つ開いてからそれぞれ実行してます 👀
Rock54: Caution(BBR-MD5:1322b9cf791dd10729e510ca36a73322) 実行したら埋め込み動画のURL表示するブックマークレット誰か作ってくれ >>50
window.locationをwindow.openにしてやればできる
あとはwindow.openでググって
>>51
動画元のサイトによって抜き方が全然違うんだけど1本で網羅したいなら
その手のWebサービス使って抜いたURL返して貰うのが良いんじゃないか? 言葉足らずだったな
DL用の直リンURLじゃなく
FC2で言えば
ttp://video.fc2.com/flv2.swf?i=****
動画のIDが含まれたswfやembedの埋め込みURLが抽出したい
スクリプトや画像とか余計な部分が実行されて再生がモタつく場合があるから >>55
そこまで分かってるなら後は摘出すりゃいいじゃん? iphoneのsafariで、見てるページを編集するブックマークレットはそこらじゅうに
あるのですが、さらに行全体を選択する場合はどうかけばいいですか?
やっぱり最初と最後のポイントを返す必要があるのかな? >>57
カーソルのある部分の前後改行コード探して選択かなぁ
正規表現でできなさそうだし 僕の知り合いの知り合いができたパソコン一台でお金持ちになれるやり方
役に立つかもしれません
グーグルで検索するといいかも『ネットで稼ぐ方法 モニアレフヌノ』
GBQO7 FC2の動画直URL抜き出すブックマークレットくれ
そういうサイトはあるが入力面倒すぎ >>62
ブックマークレットからサイトに移行したよ
ブックマークレットだけじゃ大変だろ URLのコピーとフォームへの入力を自動化するブックマークレットを書くんだよ ごめんJSだけではクリップボード取得無理だったわ
ショートカットアプリやAppleScriptで クリップボード処理は、Ruby から、
powershell Get-Clipboard コマンドを使う
Node.js, Electron でも出来るかも 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/ paste.js
http://layerssss.github.io/paste.js/
これはCtrl+Vをクリックしたときに取得するイベント処理だった。
確かに自動ペーストはできないらしい。
しかし、ドラッグ&ドロップでリンクやテキストを貼り付けることは出来るんだし
いちいちクリップボード経由する必要なくね?
受け取るときは onDrop で
event.dataTransfer.getData("TEXT");
event.preventDefault();
を実行するだけ。
ondragover="event.preventDefault();"
とかする必要があるのかよく分からないけど入れてる。 このブックマークレットで、alertに表示されるのがundefinedなのですが、何故なのでしょうか…
javascript: (function () {
! function (d, f, s) {
s = d.createElement("script");
s.src = "https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";
s.onload = function () {
f(jQuery.noConflict(1))
};
d.body.appendChild(s)
}(document, function ($) {
$(document).ready(function () {
alert('#hoge').val();
});
});
})(); #hogeって表示されそうなもんだけどな。
あとどうでもいいがやりたいこと
alert('#hoge').val();じゃなくて
alert($('#hoge').val());じゃね? >>72ですが、多分frame内の要素だからだと自己解決しそうです
お騒がせしました インスタの画像をクリックしてから実行すると
直リンに飛ぶブックマークレットをつくってます
具体的には
<meta property="og:image" content="画像のURL" />
のcontent属性の値を取得するだけです
しかし普通にやるとちがうURLが入ってしまいうまくいきません
再度実行すると取得できます
なにか処理が必要なのでしょうか?
https://theus.github.io/instantgram/
これ使うと一発で取得できるのですが
むずくてちょっとなにやってるのかよくわかりません
思ったより大変なことやってるんですかね CSS Selector で指定すれば?
でも、<meta> タグから取るやり方は、知らない。
普通は、<a>タグから、URL を取る 「instagram bookmarklet」で検索すれば?
Instagram の写真や動画を保存するブックマークレット
http://neos21.hatenablog.com/entry/2017/07/07/080000 FC2動画上で実行したら動画リンク作るブックマークレット作って 実行したらアドレスの最初と最後の部分に文字追加出来るブックマークレットある?
ファイルシークの閲覧proxyに飛ぶように使いたいんだけど 実行したら新規ウィンドウで開いて
画面端で改行、形が崩れないソース表示のブックマークレットある? >>79
PCだから動作確認してないけど。カタカナは自分で置き換えてね(規制回避)
ジャバスクリプト:(ファンクション(u,w){w.open('http://fileseek.net/search.cgi?key='+u+'');})(window.location.href,window); >>81
何か違う
ブックマークレット実行したらもう閲覧proxyにURL入力済みで
閲覧ボタンとか押す手間無くして変換されたサイトに直接飛ぶようにしたい ttp://p1.fileseek.jp/p/u=https!3A!2F!2Fwww.google.co.jp&a=c&b=E9E9E90000000066DD&c=1&f=80&i=280t&l=1&r=*&s=_&z=2&n=1588990236/
例えばhttps://www.google.co.jp/開いてる状態でブックマークレット実行したら
上記のURLみたいにproxy閲覧状態で表示するようにしたいんだが
元サイトの://がエンコードされてないと表示されないみたいだし
単にURL前後にファイルシークのアドレス追加しても意味ないっぽいな 元サイトURLをエンコードしてから%をreplaceで!に置き換えるのでは駄目なんか ジャバスクリプト:(ファンクション(){window.open("http://p1.fileseek.jp/p/u="+location.href.replace(/\:\/\//g,'!3A!2F!2F'))})()
これでiOSのSafariだと機能するけど
>>83のurlの後ろの方のパラメータ?が一定ではないので対応できない
なくても閲覧は出来てるけど必要なのかな?
fileseekを知らないのでよくわからずです /\:\/\//g
のところ\の部分は(iOSでは)バックスラッシュです
5chに書き込むと置き換わっちゃう
アンドロイドだとどっちなんだろう? よく知らない 開いてるサイトのキャッシュ削除出来るブックマークレットってのはないの?
開いてるサイトのcookie削除ならあったんだけど ニコニコのURLをembedに変換→ifreamで画面の大きさ調整ってのを同時に実効したいんだけどどうやんの? HTMLでiframeを使う方法【初心者向け】
https://techacademy.jp/magazine/5839
「html iframe」で検索! PCローカルフォルダにある、自作cssのファイルを適用するブックマークレットのサンプルはないでしょうか?
win10 chrome/Firefoxです URLの一部を変えるブックマークレットに
URLの末尾に記号や文字追加を一緒に実行するにはどうやるの
JAVA script:location.href=document.URL.replace('あ','い'); ハイパーリンクになってないURLをリンク化するブックマークレットはよくありますが
mailtoリンクになっていないメールアドレスをリンク化するブックマークレットはないでしょうかね
PC版のChromium系ブラウザとiOS版のSafariで動けばいいのですが この板よりも、web制作管理板の方で聞いてみれば? void!document.body.appendChild(Object.assign(document.createElement('dialog'),{textContent:'touch me!',onclick:_=>_.target.remove()&navigator.share({title:`【${document.title}】`,text:'test',url:location.href})})).showModal() ニコニコのURLをembedに置換→iframeで画面サイズ調整
のブックマークレット誰か作ってくれ 昔PCのWebブラウザで使っていた、
ページ内で任意の文字列を選択して、ブックマークレットを発動させたらそのページ内の
同じ文字列を強調表示する(100件を超える場合はそれ以上検索するかどうかダイヤログが出る)
というブックマークレットを使いたいと思ったけど、かなり探しても見つからない
iPhoneのSafariで使いたいのだけど、どこかにないのだろうか
似ているけど違うもの:選択文字列ではなくダイヤログが表示され、それに入力すると
その文字列がページ内で強調表示される >>101に補足
Safari標準のページ内検索では検索を閉じてしまうとハイライトも消えてしまうから
標準のページ内検索機能ではなく最初から選択文字列をページ内で強調表示したい >>102だけど、オンライン上で公開されている
選択した文字列を検索エンジンで検索するスクリプトと
ダイヤログに入力した文字列をハイライトするスクリプトを
散々試行錯誤しながらつなげてみたら、似たようなものができた
改造スクリプトみたいなものだから法的にヤバいので公開はしない Firefoxの設定でブックマークをクリックしたとき新規タブで開くようにしています
この設定を変えないまま、特定のブックマークだけは現在タブに開きたい場合は
ブックマークレットでやればいいと思いますが
何と書けばいいでしょうか
javascript:(function(){window.open('https://www.google.com/')';})()
?? 英数字4桁-英数字4桁の文字列があって、
前方を001Aに、後方を002Aに入れ込んで
aaa.com?b=001A&c=002Aのリンク付与
したいんだけど、どうすれば良い?
一つならできたけど複数あると、難しかった。 >>104
「js window.open 同じウィンドウ」で検索!
window.open("ここにURL","_self") >>104
window.open → location.assign ブックマークレット梅田とかいうスーパーマーケットがありそうだと思わん? ChatGPTでブックマークレットバンバン作れそう ブックマークレット自体が下火で、機械学習のためのデータ不足の悪寒 ScratchからTarboWarpに飛ぶブックマークマークレット
javascript:(function()%7Bvar%20url=location.href;url=url.replace(%22scratch.mit.edu/projects%22,%22turbowarp.org%22);window.location=url%7D)();
scratchとtarbowarpの部分置き換えれば応用効くかも
自作ですご自由にどうぞ ■ このスレッドは過去ログ倉庫に格納されています