URLスキームからのスマフォアプリ起動のフォールバック
前段 ブログリハビリ..._:(´ཀ`」 ∠): URLスキームで任意のアプリ（今回はLINE）を起動したい フォールバックとして、アプリのURLに誘導するなりアラートするなりしたい Android Galaxy S3 (4.0.3) と Xperia SX (4.1.2) のAndroidブラウザで確認する限りは、下記のようなコードで実現できた。 var iframe = document.createElement('iframe'); iframe.className = 'is-hidden'; iframe.onload= function() { alert('LINEアプリ、インストールしてなくない？'); iframe.parentNode.removeChild(iframe); }; iframe.src = 'line://msg/text/loremipsum...
Androidの実機でウェブサイトのJavascriptをデバッグする方法
スマートフォン向けのWebサイトを作ると、おおむね使われるJavascript。 Androidの実機でデバッグしたい時に、実機にコンソールを表示する方法と、PCに表示させる方法。 その① 実機のAndroid標準ブラウザでコンソールを表示する (1)Android標準ブラウザを起動する (2)アドレスバーに“about:debug”を入力してEnter (3)ブラウザの「サブメニュー」→「設定」に、”デバッグ”をタップ (4)“Show Javascript Console”にチェックが入っていることを確認 ※“UAString”でユーザーエージェントも変えられたりします (5)ブラウザに戻って“SHOW JAVASCRIPT CONSOLE”をタップすると、コンソールログが表示される※以下のメソッドが使えるらしい console.log(); console.info(); conso
【Android】WebView内のJavaScriptやHTMLと相互連携する方法
今回は、WebView内に書かれたJavaScriptをアプリ側から起動したり、 HTML内のリンクタップをアプリ側で検知したり、 アプリ側からJavaScriptを介す事によって値をWebView内へ渡したり、 逆にWebView内の値をアプリへ渡す様な相互連携を行う方法について サンプルコード付きで解説します。 まずは、アプリを外部のインターネットへ接続出来る様に権限を指定する必要がありますので、 権限の付加方法から解説しましょう。 マニュフェストの設定でインターネット通信を許可しよう アプリ内のブラウザ。webViewを設置しよう WebViewに対してJavaScriptを実行しよう リンクタップ等、ロケーションの変更を検知する マニュフェストの設定でインターネット通信を許可しよう デフォルトでは、アプリから外部のインターネットへ接続する事は出来ません。 そこで、アプリ毎にインター
JavaScript で出力した文字列が文字化け | アイビースター
Web開発を行っていて困るものの1つに文字化けがある。おそらく日本人でWebの開発を行っているなら1度や2度は経験したことがあるだろう。 今回もあるシステムを開発している時にこの文字化けに遭遇しました。今回はJavaScriptで出力した文字列が化けてしまったのですが、これが結構厄介で最終的には根本的な解決策が見つかりませんでした。下記にその状況を明記しておきます。 今回、行っていたのはHTMLにJavaScriptのdocument.writeで文字を出力するものを作っていました。 ローカル環境で作って、IE、FF、Chromeなどの各ブラウザで確認すると特に問題なく表示され、｢よし、よし｣と思いながら、では、Webサーバ上にアップし、確認しようとFTPでレンタルサーバにアップロードしました。ただ、まだ、非公開ということでBasic認証でブロックしていました。 アップロードしたHTMLを
x3.js JavaScript rapidly reloader release - latest log
x3.js というものを創ってみました。 http://code.google.com/p/x3-js/ JavaScript をキャッシュしておき、JavaScript ロード時に発生するボトルネック/ブロッキングやネットワークアクセスコストをゼロにしようという、ありそうでなかったライブラリです。 WebSQL が使える環境なら WebSQL を、だめなら WebStorage にキャッシュします。 x3.js のターゲットは iPhone, Android です PC ブラウザでも動作します。IE6 と IE7 対応は特別料金となっております 5MB までのファイルをキャッシュ可能です ページの読み込みが落ち着いてから、サーバにアクセスしキャッシュを更新する機能があります x3.js は Minified で 2.2kbyte。ページに直接埋め込んで使います js の一本化を強制します
iPhoneやAndroid向けのJavaScriptフレームワーク・Wink Toolkitが割と良かったので日本語サンプル作った - かちびと.net
スマホ向けのWebアプリ用JavaScript製フレームワークです。 動作サンプルを日本語にしたのでお手持ちのiPhoneなどでサンプルを触りながら記事を読んでいただけると嬉しいです。 [note]お持ちでない場合でも、Safariでご覧頂くと同様の動作確認が出来ます。Chromeでも多少確認出来ました。また、デモ動画もいくつかありますので宜しければご覧ください。[/note] サンプル ※Androidも動くらしいですが、僕が持っていないのでiPhone以外は動作確認していません。 サンプルにアクセスすると以下のような画面になります。 結構な数のサンプルが用意されているのですが、ここでは一部ご紹介したいと思います。 アコーディオン アコーディオンコンテンツです。タップで開閉します。 ページめくり ページめくりです。フリックすると本をめくるようなアニメーションエフェクトで次のコンテンツに進
Ext Japan - Sencha Touch登場 - モバイル用HTML5フレームワーク
業界初のHTML5モバイルアプリ用フレームワーク Sencha Touchを使えばタッチスクリーンを装備したApple iOSや Android端末上でネイティブアプリのようなWebアプリが開発可能です。 Web標準技術に準拠 Sencha TouchはHTML5、CSS3、JavaScriptに特化した世界初のアプリケーションフレームワークです。SSencha Touchはこれらの技術が持つ力を最大限に引き出し、かつ柔軟で最適化されたアプリケーション開発を可能にします。Sencha Touchでは、音声や動画を組み込む為のコンポーネントやデータをオフラインでも利用可能にするlocalStorageプロキシーなどでHTML5の機能が利用されています。またSencha TouchのスタイルシートではCSS3を最大限活用してとても堅牢なスタイリングレイヤーを実現しています。 このライブラリはそ
iScroll – Matteo Spinelli's Cubiq.org
The overflow:scroll for mobile webkit. Project started because webkit for iPhone does not provide a native way to scroll content inside a fixed size (width/height) div. So basically it was impossible to have a fixed header/footer and a scrolling central area. Until now. This script has been superseded by iScroll 4. This page is kept for historical reasons. Get the Script Screencast Live Demo Publi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - alexgibson/shake.js: A custom 'shake' event plugin for mobile web browsers using device accelerometer.