Chrome | eラーニングをすべての人に！blog.eラーニング.co.jp

タグ別アーカイブ: Chrome

Chromeの最新版にしたら、繰り返しプラグインのインストールを求められる

CATEGORIES　未分類by.o.nakamura0 Comments2011.11.04

Chromeの最新版（バージョン15）にしたら、繰り返しプラグインのインストールを求められる、そんな事はないでしょうか。

プラグインのインストールが繰り返し表示される・・・

ネットの情報によると、これは、SkyepのプラグインとChromeで何らかの問題が発生しているようで、Skypeのプラグインを無効にすれば取り敢えずおさまるようです。
手順としては、

１．Chromeの設定アイコン（工具のマーク）をクリック
２．メニューから［オプション］をクリック
３．［拡張機能］をクリック
４．「Skype Click to Call」の「有効にする」のチェックボタンをはずして「無効にする」

このような形です。
DemoCreatorを利用して動画マニュアルも作成してみましたので、参照下さい。

クリックすると動画マニュアルに飛びます。

（とりあえず、ぼくのPCのChromeはこの操作でおさまりましたが、環境や時期によっては解決しないかもしれませんが、その場合はご了承下さい。）

上記の動画マニュアルは、DemoCreatorで作成しました。

http://democreator.jp/

Chrome6のデベロッパーツールはどこ？

CATEGORIES　SmartBrain, 北海道ラボby.a.takeuchi1 Comments2010.09.14

Webアプリケーションを開発するにあたって、クライアントサイドスクリプトのデバッグをどうするかという問題は常につきまといます。FirefoxであればFirebugが定番ですが、ChromeやSafariにも優れたデバッガが付属しています。今回は、Chrome6のデバッグ機能について解説します。

Chrome6では、ブラウザのデザインが一新され、開発者メニューが今までの場所から移動しました。一度見つけてしまえば迷わないのですが、何処にあるか分からない人もいるかとおもいスクリーンショットを掲載しました。レンチマークのところから、ツール、デベロッパツールと辿ってください。

開発者メニューはここにある

デベロッパツールを使うと、HTMLの構造やCSSを確認できます。また、ブラウザ上で、HTMLやスタイルシートを一時的に変更することもできます。

HTMLを確認

デベロッパツールを使うと、HTTPの通信を確認することができます。Request Headerの内容も、Response Headerの内容も一目瞭然です。

通信内容の確認

コンソールを表示すると、エラーや警告が一目瞭然。変数の値の確認や変更もできます。

コンソール

弊社でも、これらの機能をつかってSmartBrainを開発しています。半年ほど前まではFirebugを主につかっていたのですが、最近では、Chromeのデバッグ機能とFirefoxのFirebugを半々ぐらいの割合で利用しています。もちろん、動作検証は、IE6、IE7、IE8でも行っております。

Chrome6でTwitterを見ると髑髏が表示される件

CATEGORIES　北海道ラボby.a.takeuchi10 Comments2010.09.03

SmartBrainはIEの他にも、Firefox、Safari、Chromeなど数多くのブラウザに対応しています。GoogleChrome6の正式版が公開されたので、早速インストールしてみました。セキュリティー関係の警告が強化されているようで、twitterを表示したところ、URLのところに髑髏マークが表示されてしまいました。

HTMLに以下のような外部サイトの画像をが含まれており、それが警告の原因になっているようです。
http://a3.twimg.com/a/1283473056/images/fronts/logo.png

特に危険性はないと思いますが、ドクロマークが表示したのでびっくりしてしまいました。