Windows C:\Users\(ユーザ)\AppData\Local\Google\Chrome\User Data\Default\ExtensionsMac ~/Library/Application Support/Google/Chrome/Default/Extensions(ユーザ)はひとによって違います。フォルダについてるわけわかんない文字列はChromeのExtensionsウィンドウでDeveloper modeにするとそれぞれの拡張機能の下に出てくるやつ。
ブラウザ比較のまとめTOPへ Chromeブラウザのプラグインを自作しよう。 入門に役立つページを集めた。 Chromeの場合 ポップアップ型のアドオンを簡単に作る: Google Chrome Extensionを作ってみた | Developers.IO http://dev.classmethod.jp/ria/google-... ブラウザのアドレスバーの横にボタンを設置し,それを押下するとポップアップ画面が表示され,特定のサイトのRSSフィードをHTMLとして一覧表示するような自作アドオン。 Chromeのエクステンションには3つのタイプがあります。 browser action:アドレスバーの隣にアイコンが出てくる。アイコン押下で何か処理が走る popup:アドレスバーの隣にアイコンが出てくる。アイコン押下で何か画面をポップアップさせる page action デプロイ方法 作
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで(Macの場合はCommand+Option+Iキーで)手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
Google Chrome runs web pages and applications with lightning speed. 高度なサービスを提供するWebアプリケーションの実装はますます複雑化しており、メモリの消費量も増え続けている。複数のフレームワークを活用した複雑なシステムでは、どのコードやオブジェクトがメモリを消費し、どこでメモリリークが発生しているのかのトレースが難しくなる。そういった場合に活用できるChromeの機能がChromium Blogの「Put JavaScript memory under control」で公開されている。Chromeにどういった機能が用意されているのか把握するうえで参考になる。 まずページごとにどの程度のJavaScriptメモリが消費されているのか計測する方法として、タスクマネージャを使う方法が紹介されている。設定ボタンから「ツール」
スマートフォン用ページの制作工程として ・まず「PC上でコーディング」してから ・表示を「実機スマートフォン」で確認する という流れがあります。 制作途中でちょっと表示を確かめたい・調整したいときなど、PCと実機スマホを何度も往復していては時間がかかってしまいます。 作業中はPCブラウザの幅を縮めたり、何かしらのツールを使って、PC上でスマホ画面に近い環境を作って表示をチェックしているのではないでしょうか。 今回はPCブラウザでお手軽にスマホページを表示する方法を紹介します。 主要ブラウザをリストアップしました。 Firefox Google Chrome Safari Internet Explorer Opera それぞれ自分の使いやすいブラウザや開発ツールがあると思いますので 各ブラウザでの方法をまとめます。 【UA(ユーザーエージェント)の変更】 【ブラウザ幅・サイズの変更】 この
2018-02-22 起動オプション2017-07-29 テーマ/作り方2016-12-15 雑記2016-10-24 キーボード ショートカット2016-09-18 FrontPage/コメントログ2015-06-29 起動オプション/コメントログ2015-04-20 テーマ2014-11-11 コメントページ2014-10-19 FAQ2014-10-05 エクステンション
FirefoxではFirefox15でもご紹介したように、レスポンシブデザインビューが実装され、「ctrl+shift+m」のショートカットでも簡単に利用できるようになりました。 しかしながら、Google chromeには同様の機能が無いため拡張機能を探してみました。 ResponsiView responsiViewをインストールするとメニューバーに追加され、クリックするとパネルが表示されます。 機能 設定としてははじめから入っているTablet Potrait、Mobile Portrait、Mobile Landscapeと自身で数値を入れて高さと幅が調整出来るようになっています。 使用例:Tablet Potrait ResponsiViewのインストールは以下から https://chrome.google.com/webstore/detail/kcemonjjmilbiep
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く