追記 2015-12-09 16:00:00JST たしかにレインボーカーソル出るほどひどい状態ではなくなったけど、やっぱりまだ1秒くらいは遅延がある。つらぽよ。 Mac: 10.11.1 Chrome: 47.0.2526.80 (64-bit) 追記 2015-12-02 20:00:00JST 12/01付けでChrome v47の安定版出てます。 Chrome Releases: Stable Channel Update Log - 46.0.2490.86..47.0.2526.73 - chromium/src - Git at Googleにも、これのfix commitの7e0fac6e1d8c79e7658a94e96a3f0246dc541d82が含まれているので、最新版にすればもう発生しないはず。 もし、発生するひとがいたらコメントくれるかgoogle codeにi
Chromeのデベロッパーツールをプロのように使いこなすための20のテクニックを紹介します。 いやー、本当にデベロッパーツールは機能が豊富ですね。 How to use Chrome DevTools like a Pro 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 HTMLの要素をクイック編集 指定した行番号に移動 すべての子ノードを展開 デベロッパーツールの位置を変える CSSのセレクタによるDOM検索 Material Designとカスタムカラーパレット 複数のカーソル 画像をData URIとしてコピー 疑似クラスのトリガー 複数のコラムをドラッグで選択 「$0」で現在の要素を手に入れる 要素の表示 「Event Listeners」の表示 イージングのプレビュー Media Queriesの検証 ネットワークをフィルム
Analyze your CSS in a new way. Consolidate, refactor, and gawk at the 37 shades of blue your site somehow ended up with. Properties Take a look at all your CSS properties, their frequency and variations. Have too many shades of blue? Inconsistencies often means confusion for your developers and irregularities for your end users. Selectors & Specificity Are your selectors long? Using lots of IDs? S
朝晩が寒くなりつつあり、戦々恐々としている kimoto です。寒いの嫌い。暑いのも嫌いだけど。 さて、すでに知っている人はもちろん沢山いると思いますが、chrome のデベロッパーツールの中の「デバイスモード」が便利なので、さらっとご紹介。 デベロッパーツールとは デベロッパーツールは右上の「三」みたいなアイコンから、「その他ツール」→「デベロッパーツール」で使えます。 デベロッパーツールは、HTML 構造の確認や読み込み時間の測定、JavaScript のデバッグツールなど、機能は多岐にわたります。 その中で今回紹介するのは「デバイスモード」です。 デベロッパーツールの左上の携帯アイコンからデバイスモードに入れます。 デバイスモードのここが便利！いろいろなデバイスをシミュレートできる デバイスモードに入ると、画面はこんな感じになります。 左上の「Device」というところのプルダウンを
Adding -webkit-transform: translateZ(0) to the #sidebar fixed the issue for me. I've used translateZ(0) to fix numerous Chrome display bugs over the years. The rationale is that by invoking 3D transformation, re-paint is separated from the rest of the CSS pain stack (I can't provide much more detail than that, it's pretty much all Greek to me). In any case, it appears to work for me! #sidebar{ -we
パソコンのGoogle ChromeでUser Agentとかを設定変更したい 2014/01/09に、ChromeのデベロッパーツールでUser Agentの設定が見当たらなくなって ＼(^o^)／ってなった僕と同じような人が多数いるかと思います。 どうやら設定項目の入力フォームが変更されたようです。 Chromeのバージョンを確かめたら、 32.0.1700.72 mでした。 User Agentを変更する デベロッパーツールを開く 右クリックメニューで 要素を編集 を選択、もしくは、F12キーを押下で開けます。 設定フォームを開く ここで右上の設定アイコン（歯車っぽいやつ）をクリックで開けます。 Emulationをオンにする メニュー内のOverridesをクリックし、 Show 'Emulation' view in console drawer にチェックを入れます。 ×をクリ
Google Chromeのデベロッパーツール で現在閲覧中のページでロードされて いるCSSファイルから未使用のセレクタ を調べる、という方法です。こんなの Web制作者にとって常識だろ、みたい な内容だったらごめんなさい。 今更感あふれる内容ですけど、Chromeのデベロッパーツールで閲覧中のページで読み込まれているCSSからそのページで使用されていないCSSルールを調べる、という方法。 と言うかただの標準機能の紹介です。便利かどうかは使わないと分からないと思うのでテストしてご判断下さい。 手順 F12でデベロッパーツール開いてAudit（監査）っていうタブを選択し、Runで調査ツールを実行します。 ↑ 直ぐに解析は終わると思います。赤い枠の「Remove unused CSS rules」という部分が未使用のCSSルールです。 ↑ ファイルごとに調査結果が出ます。三角のマークをクリッ
_ [Web制作][ソフトウェア] Google Chrome の旧バージョン単体オフラインインストーラを入手する方法 Google Chrome は常に最新版しかインストールしかできない。また、通常の方法ではインストーラをローカルに保存することもできないようになっている。 ではオフラインでインストールするための単体パッケージを残しておきたいブラウザマニアはどうやって入手したら良いのかだが、調べたところ、Windows 版は http://cache.pack.google.com/edgedl/chrome/install/[ビルドナンバー]/chrome_installer.exe でダウンロードできるようだ。 例えば 5.0.375.70 なら http://cache.pack.google.com/edgedl/chrome/install/375.70/chrome_insta
](https://cdn-ak-scissors.b.st-hatena.com/image/square/d228e8be070c32c738781e15c25aeb18f4dc6807/height=288;version=1;width=512/https%3A%2F%2Fv17.ery.cc%3A443%2Fhttps%2Fpmakino.jp%2Ftdiary%2Ftheme%2Fogimage.png)
@hokaccha に言われて便利すぎて脳みそ飛び出るかと思った途中から嘘です 以下、見たことのある内容が続きます 全然気がつかなかった・・・いつからだろう・・・ ＞ 17からだそうです Chromeにビルトインされてるのですぐ使えます。 ちなみに、キャプチャはChromeのdev版なのでstable版は少し違うかもしれません。stable(Macの17.0.963.46)でもOverride User Agentの項目あるのは確認してます。 通常はもちろんユーザーエージェントはChromeですが、Cmd+Option+I などでインスペクタを開くと 右下にギアアイコンがあって、そこからインスペクタのSettingが開けます すると Override User Agent という項目があるので チェックすると、よく使いそうな User Agent 一覧がプルダウンで開きます 試しに iPh
パソコンで Chrome を更新できない場合、以下のようなエラーが表示されることがあります。 更新できませんでした: 更新は管理者によって無効になっています 更新できませんでした（エラー: 3 または 11）更新の確認中にエラーが発生しました: 更新サーバーにアクセスできません 更新できませんでした（エラー: 4 または 10）更新の確認中にエラーが発生しました: 更新チェックを起動できませんでした 更新できませんでした（エラー: 7 または 12）更新の確認中にエラーが発生しました: ダウンロードできませんでした Windows XP と Windows Vista はサポートされなくなったため、このパソコンでは今後 Chrome のアップデートは受信されません Google Chrome を最新の状態に維持できない場合があります その他の「更新できませんでした」エラー 以下の解決方法を
Windows：Chromeは古いバージョンをハードドライブ上に保存している、という話を聞いたことがあるかと思いますが、バージョンアップを繰り返して行くと、段々これによって占拠されているスペースは肥大化していきます。「OldChromeRemover」はこのスペースバックアップを削除してくれる、というだけのシンプルなアプリです。 Chromeが古いバージョンをハードドライブに残して行く、という話を最初に聞いた時、この問題がどの程度大きなものなのかは編集部にもわかっていなかったのですが、どうやらかなりの頻度で持ち上がる問題のようです。 人によってはChromeの古いバージョンのみで1GB以上占拠されていた、というケースもあります。特にSSDを使っている方にとって、1GBはかなり貴重です。また、特に問題なく過ごしている方も多い模様（このパターンはまだ良くわかっていません）。幸いなことにドライブ
About RSSで購読する Google Chromeをより便利にしようとChrome拡張機能をたくさん入れていると、どんどんメモリを食うようになってしまいますよね。 そういったことを防ぐために、拡張機能をグループ分けしたりするわけですが、いっその事、絶対に使うものはひとつにまとめてしまえと思うのですよね。 そこで今回は、絶対に使う機能がひとつの拡張機能まとめられたものをご紹介します。余談ですが、私はこの拡張機能でメモリの消費量をたいぶ抑えることに成功しました。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! ブラウザを強化する拡張機能をひとつにまとめたChrome拡張機能「Pig Toolbox」 「Pig Toolbox」は、よく使われるGoogle Chromeの拡張機能をひとつの拡張機能
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Google Chromeにバージョン10から待望のパスワード同期機能が追加されたので、これを機に長い間使い続けたFirefoxから乗り換えてみました。DropboxやEvernoteの台頭の影響もあって”クラウド化”の利便性が大いに取りざたされている昨今ですが、Google Chromeもこれと同じように、ブックマークから拡張機能までほとんどのユーザー設定に関する情報をクラウドに預けられるので、定期的にバックアップを取る必要がなかったり、別のPCでも一発で同期できるところに他ブラウザにはない魅力を感じました。 実際の移行に当たっては、今まで使っていたFirefoxと同じ使い勝手やアドオンで追加された機能（私がずっと使っている13個のお気に入りFirefoxアドオンまとめを参照）をGoogle Chromeでどこまで再現できるのか、というのが最大の課題でしたが、最近ではChromeも拡張機
サイトを制作する時などは、FireFoxが未だに手放せないんですが、最近はGoogleのChromeを利用することがとても多くなっています。GhromeのExtensionsが少しずつ増えてきているので、随分便利になりましたし、やはりhtml5関連のサイトを見たりする時は、Chromeがとても便利だったりします。 というわけで、それほどまだ使い込んでいるわけでも、調べまわったわけでもないんですけれど、インストールしてみて、便利だったり、Web制作やSEOの調査にも使えるようなExtensionをいくつかご紹介します。 hatebu_entries今見ているページのはてなブックマークのエントリー数を表示してくれます。くるくる周りながら表示してくれるのがいい感じです。 » Google Chrome 拡張(Chrome Extension) はてなブックマークのエントリー数を表示する Chro
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
