Android の Chrome で開発者ツールを使う方法 - Qiita
スマホのサイト作っててPCブラウザのUA偽装じゃなくて実機で見たいってことはよくある。 実機で見ながらHTMLとかCSSをいじって確認したいと思ってスマホで開発者ツール的なのが無いかと探したらあった。 あったけど試したらうまくいかなくて紆余曲折して最終的にめっちゃ簡単だったのでメモ。 やりたいこと PCブラウザのChrome開発者ツールみたいなものをスマホのブラウザでもやる 環境 PC: Windows 7 64bit PC 版 Chrome: ver. 41 Android 端末: SO-03F / Android 4.4.2 Android 版 Chrome: ver. 40 準備 Android の USB デバッグを許可する 設定 ＞ 開発者向けオプション ＞ USBデバッグ にチェック 開発者向けオプションが表示されていなければ、 設定 ＞ 端末情報 ＞ ビルド番号 を連打して表
【拡張機能不要】PCで開いているWebページを今すぐスマホで開く方法
PCとスマホの間で手軽にWebページを共有したい PCやスマートフォンなど複数の端末でGoogle Chrome（以下、Chromeと略）を使っていると、ある端末で開いているWebページを別の端末で今すぐ開きたい、ということはありませんか？ 例えば、通勤電車で読んでいたWebページの続きを、出社後にPCで読みたい、あるいはPCで制作・修正中のWebページをスマートフォンの実機で表示・確認したい、といったような場合です。 最新のChromeで、かつ利用中の端末同士でChromeの同期を設定済みなら、数ステップの操作でページURLを別の端末に送信し、そのWebページを開くことが可能です。専用の拡張機能を追加したり、あるいはWebページの閲覧履歴から対象ページを探したりする必要はありません。 本稿では、Windows OS／iPhone（iOS）／Androidの各Chromeを対象として、UR
デベロッパーツールでのスマホ確認の裏ワザとクラウド実機テスト
スマホサイトの制作において欠かせないのが実機での表示確認。しかし、解像度はもちろんのこと、コードの解釈も多種多様なスマートフォンにおいて、すべての端末でひとつひとつ検証していくのはコスト面でも現実的ではありません。そのため現場では、実機とエミュレーターを組み合わせてテストするのが一般的になっています。 今回は、Web開発ツールとして人気の「GoogleChromeデベロッパーツール」であまり知られていないスマホ検証の裏ワザと、実機テストにかかるコストを抑えることができる、クラウド実機テストサービス「Scirocco Cloud（シロッコクラウド）」について紹介します。 GoogleChromeデベロッパーツール GoogleChrome（グーグルクローム）のデベロッパーツールは、Webサイトがスマートフォンでどのように表示されるか、ブラウザから手軽にチェックできます。100%正確に表示再現
Google Chromeでスマートフォンサイトをチェックする：Google Chrome完全ガイド - ＠IT
スマートフォン（スマホ）が広く普及し、昨今では多くのWebサイトが、画面の狭いスマホに最適化した専用のビュー（表示）を備えるようになってきました。 サイトがスマホでどう見えるのかは、もちろん実際にスマホで表示してみるのが確実です。ただ、スマホやタブレットにはさまざまな機種があり、画面の解像度も異なるため、どう見えるかを全て実機でテストするのは困難です。 このような場合は、デスクトップ版Webブラウザの「スマホ表示」機能（スマートフォンのWebブラウザのエミュレーション）を利用すると、PCで簡単にスマホサイトの確認ができます。操作方法もそれほど難しくありません。 本記事では、Windows OS／macOSのデスクトップ版Google Chrome（以下、Chromeと略）の「デベロッパーツール（開発者ツール）」でスマホ表示を確認する方法を紹介します。このツールは名前に「デベロッパー（開発者
窓の杜 - 【REVIEW】「Google Chrome」をUSBメモリで持ち運べる「Portable Chrome」
「Portable Chrome」は、Google製のWebブラウザー「Google Chrome」をUSBメモリで持ち運べるように改良したソフト。Windowsに対応するフリーソフトで、編集部にてWindows Vistaで動作を確認した。作者のWebサイトからダウンロードできる。 「Google Chrome」は、2日にベータ版が公開されたGoogle製のWebブラウザー。高速な動作と高い安定性を売りにするオープンソースのタブ切り替え型Webブラウザーで、公開前から大きな注目を集めていた。そんな注目のWebブラウザーを、USBメモリで持ち運べるポータブル版として改良したのが「Portable Chrome」だ。 各種設定やCookie、Webページの表示履歴などをローカルPCへ保存せず、すべての設定をUSBメモリなどのインストールフォルダ内に保存する。これにより、外出先で利用する別PC
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
