satofuのブログ: iPhoneのブラウザでconsole.logを表示する方法
iOS6になりiPhoneのSafariからconsole出力機能が除外された。 今までは設定→Safari→デベロッパ→デバックコンソールをONにすることで エラーログを確認することができた。 この機能がiOS6ではWebインスペクタに置き換えられてしまった。Webインスペクタとは iPhoneで閲覧しているwebサイトのエラーログを有線接続したMacのSafariで 見ることが出来るというもの。 すなわち、iOS6ではiPhone単独でconsole.logを表示することができなくなってしまったということだ。 対策方法を2つ紹介する。 １．お手軽な方法 windowのonerrorイベントを拾って、エラーの内容をそのままalert表示してしまうという解決方法。 下記の三行を追加するだけで実装できる。 window.onerror = function(error) { alert(er
GPSデータの取得 - Qiita
window.onload = function(){ navigator.geolocation.watchPosition(update); //現在位置情報を定期的に監視 // navigator.geolocation.getCurrentPosition(); //現在位置情報を取得 // navigator.geolocation.clearWatch(); //watchPosition()での監視を中止 } function update(position){ //下記すべての情報が取得できるわけでは無い var lat = position.coords.latitude; //緯度 var lng = position.coords.longitude; //経度 var alt = position.coords.altiude; //高度 var acc = pos
Geolocation API－HTML5のAPI、および、関連仕様
■Geolocation APIとは Geolocation APIは、ユーザーの位置情報を扱うためのAPIです。 Geolocation APIの登場以前にも携帯端末などで位置情報を扱うことは出来ましたが、 各携帯キャリア独自の規格であったためキャリアごとの仕様に合わせて開発する必要がありました。 Geolocation APIは、ウェブの標準化団体であるW3Cが仕様策定を進める規格であり、JavaScriptで位置情報を取得できるように標準化されています。 すでに、Firefox・Google Chrome・Safariなどの一般的なブラウザでサポートされており、 スマートフォンのようなGPS対応の携帯端末向けのウェブサイトだけではなく、 一般的なブラウザで閲覧するいわゆるPCサイトでもユーザーの位置情報を利用したコンテンツを提供することが可能になっています。 ■どんなしくみ？ Geo
ブックマークレットを作る時に便利なサービスとTips
最近ブックマークレットがマイブームなので、作るときに覚えておくと便利なサービスやTipsを紹介したいと思います。 コードの圧縮 Closure Compiler Service http://closure-compiler.appspot.com/home このサービスは、入力されたJavascriptコードを解析して最適化したコードを出力してくれます。パース時間の短縮や、実行速度の高速化も見込めます。 ちなみに、Google製です。 ブックマークレット化 WDF - Software : ブックマークレット作成スクリプト http://www.eonet.ne.jp/~wdf/software/bookmarklet_creator.html 上記サービスは、通常のJavascriptコードをブックマークレット形式に変換してくれます。 変換した後のブックマークレットをリンク状態で出力し
Google Chrome の JavaScript コンソールが便利
jQuery の使用 次のコードを実行することにより、jQuery を読み込んでいないページでも jQuery を使用することができる。 if (!window.jQuery) { document.body.appendChild((function(){ var s = document.createElement("script"); s.type = "text/javascript"; s.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"; return s; })()); } (参考: ChromeのJSコンソールでjQueryを使うTips – y-kawazの日記) 試しに任意のページで jQuery をロードして、次のコマンドを打ってみると、あら不思議……。 $('img').a
JavaScriptリファレンス - URL情報(location)操作
<input type="button" value="トップ" onclick="location.hash='top'">
Bookmarkletの動作原理－ブックマークレット活用術
↑このページの先頭へ ベストプラクティス 無名ファンクションと呼ばれる、名前を付けない一時的な関数のインスタンスを作成すると、その内部で定義される変数はローカルとなります。 javascript:var x=1; javascript:(function(){var x=6})(); javascript:alert(x); 無名ファンクションの入れ子 無名ファンクションの中に、名前付きファンクションを入れることが出来ます。無名ファンクション内の名前付きファンクション内部の変数はローカル変数として外部には見えません。 以下の例では、無名ファンクション内と名前付きファンクション内でxという同じ名前の変数を定義していますが別々のものとして認識されます。 javascript:(function(){var x=1;function myFunc2(){var x=2;alert(x)};my
Bookmarklet - ブックマークレットを作成する際のポイント
Updated: 2003-09-28 05:44:07+0900 [Home] 値を返してはいけない 値を返す式を使うとページを移動してしまいます。 javascript:contents='aaa' これならOK javascript:void(contents='aaa') 変数はページ内でグローバルになってしまう varをつけても、ブックマークレットで使用した変数は、ページ内でグローバルになってしまいます。表示中のページの動作や、他のブックマークレットの動作を変えてしまう可能性があります。 javascript:var contents='abc' javascript:var contents='123' 上のリンクをクリックしたあと、以下をクリックするとcontentsの中身が変わっているのが見えます。 javascript:alert(contents) これはページに書かれ
ブックマークレットを作るときのTips - Qiita
//javascript: (function(){document.getElementsByTagName("title")[0].innerText;})() 特に多くのページで利用されるブックマークレットは、平凡な変数名だと既に存在する変数名とバッティングする可能性が高いので、このように (function(){...})() することが重要になってきます。関数ブロックは変数スコープを作り、 この中で var で宣言した変数は外部で使われる同名の変数と別のものになります。 また、このようにすることでブックマークレット全体の実行結果として何も返さない(voidを返す)ことも都合が良いです。 すべての変数は無名関数ブロックの変数スコープ内で var を使って宣言しましょう。var は複数の代入をコロンで区切って宣言することができます。 var div = document.create
■iOS7のSafariでページ内検索をするブックマークレット PageSearch
ベタではあるけれど。 SafariはiOS7になって、とても使いやすい。左端からスライドすると一つ前に戻れるなんて極楽。画面も広く見せている。ブラウザとしてのデザインがうまく組み込まれています。 ただ、一つ気になるのが「ページ内検索」。従来通り、あるにはあるんです。URL欄にキーワードを書き込むと、Web検索の結果やブックマークの検索の後に、ページ内の検索結果が表示される。これが手順として奥深いところにあって面倒に思います。 そこで、ブックマークレットで作ってみました。ネット上で検索するといろんなパターンが公開されています。とりあえず良いとこ取りをして、キーワードをハイライトする機能と、該当箇所までスクロールする仕組みを組み合わせました。すぐに見つけたい場合、この方法はどうでしょうか。 javascript:if(s=prompt("キーワードは？")){x=new RegExp("("+
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[Bookmarklet]タイトルとURLをクリップボードにコピー
https://qiita.com/T_Fuchi/items/a697f441e2bc7158157d