狭い幅で開いたら勝手にスマートフォンのUserAgentでリクエストするChrome拡張を書いた - Cside::Weblog
2013-06-30 狭い幅で開いたら勝手にスマートフォンのUserAgentでリクエストするChrome拡張を書いた ダウンロード https://chrome.google.com/webstore/detail/keffnkgkjiancfjjolkoejiocficcbni リポジトリ https://github.com/Cside/auto-change-to-sp-ua.crx 640px（設定で変えられる）以下の幅のウィンドウでWebページにアクセスすると、勝手にスマートフォンのUserAgentに偽装してアクセスする。よければ使ってみてください。 Cside 2013-06-30 22:37 Write a comment Prev. entry
Google ChromeのJavaScriptデバッガの進化がすごい - os0x.blog
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript
Mac/PCからのAndroid上のブラウザのリモートデバッグのまとめ - Nothing ventured, nothing gained.
スマートフォンやタブレットが主流になりつつあるが、それらモバイルデバイスでWebのデバッグするのは楽ではない。User Agent文字列を変更してモバイルデバイス上のブラウザの振りをしたMacやPCのブラウザからデバッグする方法もあるが、モバイルデバイスのブラウザの機能がMacやPCと同一ではなく、モバイル特有の状況もあるため、モバイルデバイスそのものを使った状態でデバッグしなければいけないことも多い。 そのような際に使われるのがリモートデバッグだ。 Mac/PCとAndroidの両方にブラウザを提供している主流ブラウザとしてはChrome、Firefox、Operaがあるが、このリモートデバッグ機能はこの3種のブラウザすべてに備わっている。また、ブラウザ開発元ではないが、Adobeもリモートデバッグ機能を提供している。すでに使っている人も多いと思うし、それぞれ多くの情報が提供されているの
僕が考えたChrome拡張機能を作るときのデザインパターン
最近いくつかのChrome拡張機能を作っていて、すでに数千人のユーザを獲得できているものが出てきてたりします。 Image collector extension goo.gl URL Shortener extension mixi Check button extension Semantic inspector これだけ作ってると、何となく自分でのChrome拡張機能を作り出す際のデザインパターン・・・っていう大それたものじゃないけど、ようはテンプレが確立されてきます。全く褒められない書き方をしているかもしれませんが、ここでそのテンプレ達を晒しておこうかな、と思います。 manifest.json まずはChrome拡張機能の要であるマニフェストファイルです。これは誰が書いてもさほど変わらない記述内容となるでしょう。 { "manifest_version": 2, "name":
Chrome DevTools.next
1. Chrome DevTools.next 2012/12/21 Cyber Agent Toru Yoshikawa ( @yoshikawa_̲t ) 2. Who? 吉川 徹 / Toru Yoshikawa @yoshikawa_̲t C.A.Mobile Web先端技術フェロー Google API Expert ( Chrome ) コミュニティ活動 html5j.org/HTML5とか勉強会スタッフ ⽇日本jQuery Mobileユーザー会 管理理⼈人 Sublime Text 2 Japan Users Group 管理理⼈人 allWebクリエイター塾/jQuery Mobile担当講師 Blog: http://d.hatena.ne.jp/pikotea/ 3. 著書 「HTML5ガイドブック 増補改訂版」（
拡張要らずでお手軽にGoogle Chromeのユーザエージェントを変更する方法 - 適宜覚書-Fragments
ブラウザの判別や携帯の機種識別に利用するため、Webブラウザは個別のユーザエージェント文字列を持っています。例えば、Chrome11であるなら「Mozilla/5.0 (Windows NT 6.0; WOW64) AppleWebKit/534.24 (KHTML, like Gecko) Chrome/11.0.696.16 Safari/534.24」といった具合です。 このユーザエージェント文字列を変更出来れば、例えばFirefoxやIEは勿論のこと、iPhoneやAndroidのふりをさせて、その環境での利用画面を使うことが出来ます。今回はこの変更を拡張機能を使うこと無く、Chromeの基本機能だけで簡単に行う方法を紹介します。
外部からChromeをリロードする - （ひ）メモ
自分のノートPCに開発用マシンから ssh ではいれるようにするのは嫌だしめんどくさいなーとおもったので、perl でちょろっとかいたら快適にうごいた。 http://d.hatena.ne.jp/tokuhirom/20110304/1299221559 sshではいるのは確かにアレなので、自分もHTTPでコマンドうけつけるdaemon書いてそれ使ってます。ただ、自分のMacにはPlack入ってないのでHTTP::Daemonを使ってます。 https://gist.github.com/894033 MacのChromeはAppleScriptで制御できる(リロードできる)ってのをid:os0xさんに教えてもらったので、MacならばChromeRepl要らずでできました！ vim でファイルを保存した時にChrome で開いているページをリロードするのはAppleScript で十分で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Improve web performance with chrome dev tools // Speaker Deck
Admiral