サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
大谷翔平
ohsexybaby.com
ちょい昔に、Android 標準ブラウザでJavascriptのデバッグ方法をメモりましたが、 PCとAndroidをUSBで繋いで、Android Chromeでスマホサイト全体をデバッグするやり方について。 Chromeはver.28からレンダリングエンジンがWebKitからBlinkに変わったこともあり、 昨今「Chromeだけちゃんと動かねー!」とか「Chromeだけ動作がおかしい!」とか、 Chromeでスマホサイトのデバッグが必要な場面が増えてる気がします。 ※PC ChromeブラウザでUserAgentを偽造してデバッグすることもできるけど、実機じゃないと正確性に欠けるんで。 まずPC側 (1)Android SDKのadb(Android Debug Bridge)ツールをインストールしておく 続いて、Android側 ※SO-02Eの場合 (2)設定→開発者向けオプショ
スマートフォン向けの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
まず、”#!”の呼び方から。 「シャープエクスクラメーション」とか呼ぶのかと思ってたら、 「hash=#」「bang=!」の略で、「shebang=シバン」っつーらしいんです。 シバンがURLに付いてるサイトで、最も有名どころで言うと、Twitter。 Gmailなんかもそうですかね。 https://twitter.com/#!/i/connect 然り、https://twitter.com/#!/i/discover も然り。 lifehackerやfacebookも、今は違うけど昔はどうやら付いていたらしい。 ”#”と”!”をわけて考えると、 ・”#”は、Ajaxアプリケーションとして、画面遷移ではなくページ内遷移をするため。 ・”!”は、”#”とセットにして、Googleクローラーにクロール可能なAjaxアプリと認識させるため。(※注1) Ajaxアプリケーションなので、 ・Ja
Facebook向けのOGP(Open Graph Protocol)の設定が超重要です。やらなきゃソンです。 的な記事があったので、”WP-OGP”というプラグインをインストール。ついでにソーシャルブックマークのプラグインもインストール。 そもそもOGPってなに!?っていうと、 「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML のmeta要素として記述する方法のこと。 で、OGPを設定しておくと、Facebookに対してこんなメリットがあるとのこと。 (1)「いいね!」した情報がfacebookの友達のニュースフィードに表示される。 (2) ニュースフィードに表示される際の内容を指定できる。 (3) 「いいね!」してくれたユーザーにアップデート情報が送れる。 以下Facebook側の設定。 (1)developersサイトから、アプリを作成 (
WordPressのプラグイン”WPBook”を使って、Facebookへ投稿記事を反映させる方法。 ※WordPress ver3.0.3 WPBook ver2.2.1 ざっくりと、以下のような流れです。 WPbookのインストールし→Facebookでアプリ作成し→WordPressとFacebookの設定を一生懸命行う。(時間かかる…) ■WPbook側の設定① (1)管理画面メニュー「プラグイン」→「新規追加」から”WPBook”(ver2.2.1)をインストール (2)プラグインを有効化 (3)管理画面メニューの「WPBook」をクリック (4)WPBook Set UP画面の「facebook」リンクから、Facebook開発者ページへ ■Facebook側の設定 (1)開発者ページの「Set Up New App」ボタンをクリック (2)アプリケーション名を入力、利用規約に
このページを最初にブックマークしてみませんか?
『ohsexybabyのWebログ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く