Kinopyo's Blog

I love this game.

Archive for the ‘ブラウザ’ Category

FlashをダウンロードするChrome Plugin:GetFlash

2010年04月28日

http://ruzanow.ru/extensions/getflash.crx

インストール後Flashがあるサイトに接続すると

アドレスバーの一番右にFlashのアイコンが表示され、

クリックするとサイト内のFlashの上にDownloadのリンクが表示されます。

そのリンクでダウンロードできます。

公式サイトは多分これです。

http://www.chromeplugins.org/google/chrome-plugins/ext-getflash-8721.html

IE6でSSL(https)に接続する時、src属性なしのiframeを使うとセキュリティの警告が出る

2010年04月27日

現象

IE6を使ってSSL(https)経由で接続する時に以下の警告が出るなら

iframeのsrc属性をまずチェックしてください。

security-info


このページにはセキュリティで保護されている項目と保護されていない項目が含まれています。

ダメな書き方

<iframe />
<iframe src="" />

解決策

src属性にちゃんと値を設定するか、javascriptでfalseを指定する

<iframe src="/dummy.html" />
<iframe srec="javascript:false" />

存在しないファイルを指定するとサーバ側のログにエラーが出るかもしれないので、

設定する場合は実際存在するファイルを設定してください。

Chromeの内蔵翻訳ツールバーを無効にする方法

2010年03月02日

すべての言語でAutomatic Translationを無効にしたい人のために。

  • C:\Users\(ユーザ名)\AppData\Local\Google\Chrome\User Data\Defaultへアクセスします。
    • WinXPはC:\Documents and Settings\(ユーザ名)\Local Settings\Application Data\Google\Chrome\User Data\Default
  • 「Preferences」ってファイルがあります。
  • 「translate」で検索すると、最後あたりでこのような文字列があるはずです。

chrome_preference

  • translate_language_blacklistを、以下コードに書き換える。
"translate_language_blacklist": [ "en", "de", "zh-TW", "it", "af", "sq", "ar", "be", "bg", "ca", "zh-CN", "hr", "cs", "da", "nl", "et", "tl", "fi", "fr", "gl", "el", "he", "hi", "hu", "is", "ja", "ko", "lv", "lt", "mk", "ms", "mt", "no", "fa", "pl", "pt", "ro", "ru", "sr", "sk", "sl", "es", "sw", "sv", "th", "tr", "uk", "vi", "cy", "yi" ],
  • 修正完了

chrome_preference_modified

MacのChromeエクステンションついに登場!

2010年01月09日

本日Mac ChromeのDev版が更新されエクステンションが使えるようになりました。

Chrome Dev版をダウンロード

不安定とは言ってるものの、やはり使いたいです!


早速ですが、以下のエクステンションを入れました。

Chromeの再起動が必要なく、インストールするだけで使えます。

とりあえずこんなエクステンションを入れた

Drag and Go

Chrome Mouse Gestures

Backup and sync your bookmarks across computers and browsers. Xmarks is also available for Firefox, Safari and IE.

Displays the number of unread messages in your Google Mail inbox. You can also click the button to open your inbox.

Makes Gmail your default email application and provides a button to compose a Gmail message to quickly share a link via email

Extension to work with delicious.com

Share, save or email any web page with your friends right from the page you are on using Twitter, Facebook, GMail, and many more!

Select, close, rearrange, and search your tabs in a vertical menu! Extras: merge windows, keyboard shortcut, and tab counter!

Adds one-click subscription to your toolbar.

Fast YouTube Search – Search in YouTube with a single click.

Post to Twitter from the Google Chrome toolbar.

No More Countdowns – Automatic Downloads.

FirefoxでjQueryを開発するならFireQueryを使ってみよう

2009年12月13日

FireQueryはFirebugを拡張したアドオンで、jQueryをよりよくサポートできるんです。

jQueryのオブジェクトをコンソールで確認したり、マウスオーバーで画面上のレーヤーで表示されたりして

大変便利になります。

これ以外でもjQuerifyというやつがあって、

jQueryが適用されてないhtmlにもfirebugのコンソールで直接jQueryのコードを書いてそのまま動作確認ができます。

主な機能

  • jQuery expressions are intelligently presented in Firebug Console and DOM inspector
  • attached jQuery data are first class citizens
  • elements in jQuery collections are highlighted on hover
  • jQuerify: enables you to inject jQuery into any page

FireQuery

FireQuery2

jQuerifyを使おう!

  • まずfirebugのconsoleのjQuerifyをクリックします。するとjqueryが適用されたと表示されます。

jquerify

  • 次は「>>>」のところでjquery文を書けばOKです。

fireQuery

  • 複数行のjqueryコードが書きたい場合は、右下にある「↑」ボタンをクリックし、コンソールの右フレームで書けます。

jquery-runed

ダウンロード

FireQuery Download

FireRainbow – FirebugのJavaScriptをシンタクスハイライト

2009年12月11日

FirebugのJavaScript、HTML、CSSをシンタクスハイライトするアドオンです。


firewindow

ダウンロード

FireRainbow Download

機能概要

  • Mixed syntax highlighting powered by CodeMirror
    • Javascript
    • HTML
    • CSS
  • Advanced features:
    • Color theme can be modified using Firebug’s CSS panel
    • Highlighting is applied incrementally (good performance)
    • Color themes available on GitHub

追記

今まで使ったところブレークポイントが付けない不具合がありました。

不具合発生時、firebug内のソースがハイライトしてないので疑いがあると判断し、

いったんマウスホイルを一回回すとソースはハイライトされブレークポイントもつけるようになりました。

これで一応回避できます。

IEでJSPを開こうとするとダウンロードのプロンプトダイアログが出る

2009年12月10日

秀丸でjspと関連付けたら、IEでJSPを開こうとするとダウンロードのプロンプトダイアログが出る。

回避方法

関連付けを決断!

  • エクスプローラの「ツール→フォルダ オプション→ファイルの種類→拡張子」にJSPを捜し、「詳細設定」を開いてopenアクションを削除。
  • あるいはファイルの種類のタブの中の「削除」ボタンで削除

JSPファイルの関連付け

秀丸が悪いのか、何が悪いのかは調べてないです。

とにかくこれで一応解決。

Google Chrome for Mac Released

2009年12月09日


Google ChromeついにMacに登場しました。

早速使ってみました。

「速い、速い、速すぎる」のがすべてです。

そしてMacらしきのアニメーションで「綺麗」に動作してます。

タブを開いたり閉じたり、フォーム入力中の画面を閉じる際の確認プロンプトなど

とても使い易いです。

インストール

http://www.google.com/chrome

Macを使うなら普通にインストールされます。

Firefoxのブックマークや履歴など簡単にインポートされました。

Gmailからメールが来た

深夜の2時41分、Mac版Chromeリリースのメールがきました。

このメールにはChrome for Macチームがどれだけ頑張ったかの内容も載っていたので、

一緒に見てみたいと思います。

73,804 lines of Mac-specific code written

29 developer builds

1,177 Mac-specific bugs fixed

12 external committers and bug editors to the Google Chrome for Mac code base, 48 external code contributors

64 Mac Minis doing continuous builds and tests

8,760 cups of soft drinks and coffee consumed

4,380 frosted mini-wheats eaten

印象的なのは8760カップのコーヒと4380のfrosted mini-wheatsです。

このfrosted mini-wheatsはこんなもののアメリカンフードです。

frosted mini-wheats

Googleらしき風土ですね。どれくらいお菓子食ったのも統計されてます。

不具合が。。

WordPressで書きながら、いきなりWPが動かなくなりました。

いったん閉じて再開すると改善できたので、

相性がわるいか、早速のバグかまだ分かりません。

スクリーンショット

Mac版Chromeダウンロード

Chromeインターフェース

設定画面

Firebugがバグる:「Failed to load source for sourceFile top-level…」

2009年12月02日

現象

FirebugでJavaScriptをデバッグしようとするとこんなエラーになりました。

Failed to load source for sourceFile top-level http://sample.com/jquery.js script.tags( X| 1094 1095 ...

環境

  • Firefox : 3.5.5
  • firebug : 1.4.5

調査

ぐぐって見ましたが、いい回答が見つかりませんでした。

同じバグにあった方のブログでのやり方で、

firebugを1.3.0に戻してもダメでした。

さらに1.3.3ではこの問題が解決されたと、firebugの公式サイトの回答がありました。


結局は..

エラーとなるプロジェクトを丸ごとTomcatサーバに置いたら、firebugで普通に見れました。

なぜかははっきり分かりませんが、この同じプロジェクトをずっとローカルで開発してきて、

firebugも全然問題なく使ったから、やたらおかしいです。

IE8でbackground-colorが白とその値がnullとの表示が微妙に違う

2009年11月24日

現象

f:id:kinopyo:20091124235949j:image

まず画像を見てみましょう。

最初の二つ白い背景のエリアに注目してください。

一番目は背景色を白い色(#FFFFFF)に設定したもので、

二番目が背景色をnullに設定したものです。

白い色に明確に設定したほうのborderの左と上の表示が少し違ってます。


またIE8の開発ツール(F12で呼ばれる、Firebugと似たデバッグツール)で見ても

background-colorが#ffffffになってる以外に、何の余計なスタイルもありませんでした。

なのでやはりbackground-colorが指定してないものと#ffffffに指定したものには差異が存在してます。


サンプルコード

<div>
<input id="foo" type="text" />
<input id="bar" type="text" />
</div>
<div>
<input id="hoge" class="gray" type="text" />
<input class="gray" type="text" />
</div>
$(document).ready(function(){
  // 元の背景色を保持
var original = $("#foo").css("background-color");
alert(original);	// output is "ffffff"
  // 元の背景色を再設定、値は同じはず
$("#foo").css("background-color",original);
// 他の背景色はこんな現象がないみたい
// あるとしても発見しづらい	
  var hogeColor = $("#hoge").css("background-color");
alert(hogeColor);	// output is "gray"
$("#hoge").css("background-color",hogeColor);
});




 

Get Adobe Flash playerPlugin by wpburn.com wordpress themes