Karma でブラウザのプロファイルを切り替えて使う方法 - 雑文発散(2015-06-01)
▼ [Karma] Karma でブラウザのプロファイルを切り替えて使う方法 PHP カンファレンス関西2015で「PHPer だからこそ知っておきたい、JavaScript のテストを複数ブラウザで自動実行する話」を発表した時に頂いた質問で、「プロファイルを指定したブラウザを使いたい場合はどうするのか？」という内容のものがあった。 以前調べているときに、どこかでそれに似た話を見かけたような気がしたので「なにかでできると思います」という超あいまいな返事をしてしまったので、ちょっと調べてみることにした。ちなみにその質問者の方は「自分でやったときにはうまくいかなかった」とおっしゃっていたので、どうなることやら。。。 プロファイル切り替えといえば、先陣を切ったのが Firefox だという認識があるので、Firefox で試す。独自プロファイルの作り方や指定の仕方なんかは、Mozilla の「プ
XMLHttpRequest#responseURL について - xK.memo
今年の2月に WHATWG の XMLHttpRequest (XHR) の仕様に追加された responseURL プロパティが、先日 Firefox に実装された (https://bugzil.la/998076) のでそのことについて書く。 responseURL は XHR のリクエストに対するレスポンスの URL を文字列で返すプロパティで、リダイレクトが発生した場合は最終的なリダイレクト先の URL を返すようになっている。つまり Greasemonkey の GM_xmlhttpRequest にある finalUrl で取得できる情報と同じものを取得できるプロパティだと言える。 responseURL が XHR の仕様に追加される以前の状態でも、 xhr.responseType === "document" の場合に xhr.response.URL 経由で fina
CasperJSがGecko(SlimerJS)にも対応していたので試してみたメモ - ハードコイルド・ワンダーランド
CasperJSはheadless browserを操作してテストやスクレイピングを行うことができるユーティリティセットです。 もともとはWebKitのheadless browserたるPhantomJSしか利用できなかったのですが、このたびv1.1-beta1からGeckoのheadless browserであるSlimerJSでも利用できるようになりました。 これまで「headless browserってWebKitだけだし…」という謎の理由で回避していたCasperJSですが、Geckoにも対応したので試してみました。というログです。便利ね、コレ。 試した環境は以下のようになります。 Windows 7 x64 PhantomJS v1.9 SlimerJS v0.8 CasperJS 1.1-beta1 Install １. PhantomJS PhantomJSのホームページか
JavaScriptでGeckoブラウザを自動操作·SlimerJS MOONGIFT
SlimerJSはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア（Mozilla Public License）です。 スクレイピングをしたり、テスト自動化を行う際に役立つのがPhantomJSですが、ブラウザはWebKitベースです。今回はGeckoベースのSlimerJSを紹介します。 実行した場合です。スクリプトを書いてSlimerJSに渡します。 Geckoベースのブラウザが立ち上がってテストが実行されます。 MOONGIFTもちゃんと表示されます。 ログも表示されます。 SlimerJSはスタンドアローン版でWindows/Mac OSX/Linux向けのバイナリも提供されています。XULRunnerを使って実行もできますので、使いやすい方を選択すれば良いでしょう。Geckoエンジンを使った自動処理に便利です。 MOONGIFTはこう見る 今はHTML
Firefoxの開発ツール
2. この資料について • JavaScript での開発を助けるツールの紹介 • 想定する読者 • これまで Firebug を利用して来た方 • JavaScript で開発をされて来た方 • デバッガを利用したことがある方 2
とりあえずJavaScriptを記述して動作を確認したいって時はFirefoxに搭載のスクラッチパッドが断然便利 ｜https://wp.yat-net.com/name
2013年 04月 05日 とりあえずJavaScriptを記述して動作を確認したいって時はFirefoxに搭載のスクラッチパッドが断然便利 カテゴリ： Firefox タグ：javascriptエディタデバッグ JavaScriptを記述出来るエディタは沢山あるんですが、「とりあえずソースを書いて試したい」って時はFirefoxに標準で付属しているScratchpad（スクラッチパッド）を使っています。 Scratchpad（スクラッチパッド） Firefox 6で搭載されたスクラッチパッド。使ってる人は結構居るかもしれませんが、まだ知らない人も居ると思うのでちょっと紹介しようと思いました。 Firefoxにはブラウジングする機能以外に開発者向けの機能が沢山備わっています。Scratchpad（スクラッチパッド）もその中の一つで、これはJavaScriptのソースを記述・実行・デバッグが
asm.js/OdinMonkeyメモ
dynamis (でゅなみす/レッサーパンダ) @dynamitter JSには型固定配列が実装されていてそれを使えばかなり高速化されるので型のある言語で書いたコードをTyped Array使ったJSコードにコンパイルすれば手で書いた型なしJSコードより高速になる dynamis (でゅなみす/レッサーパンダ) @dynamitter JSでもn=n|0は常にintのように型を固定する書き方がある。C等からそんなアセンブラ的JSに変換するコンパイラとそんなJSを高速実行するよう改良したエンジンにより、JSは後方互換性を保ったままJava/C#以上の速度を実現可能な実行環境に進化する dynamis (でゅなみす/レッサーパンダ) @dynamitter アセンブラ的JSサブセットがasm.js、C等から変換するコンパイラがEmscripten、新しいJSエンジンがOdinMonkey。これ
Firefox22が「asm.js」採用へ、JavaScriptがネイティブアプリに近い実行速度まで高速化
By Nathan E Photography 2013年6月にリリース予定のFirefox22に搭載されるJavaScriptエンジン「OdinMonkey」に、JavaScriptプログラムをネイティブコード速度の2倍程度の実行時間で済むように最適化するJavaScriptサブセットである「asm.js」が採用されることが発表されました。既に現時点で利用可能となっているFirefox22のNightlyビルドでは初期設定で「オン」となっており、どれぐらい高速化するかが各種デモとともに体験できます。 asm.js in Firefox Nightly | Luke Wagner's Blog https://blog.mozilla.org/luke/2013/03/21/asm-js-in-firefox-nightly/ 実際にasm.jsがどのようなものかというFAQも用意されてい
Firefox 22(Nightly) で ArrowFunction が実装されたが、扱いが難しい - hogehoge @teramako
Firefox Nightly (22) に ES6のArrow Function来たる - fragmentary ということで、早速試しているわけです。 基本 var f1 = () => "OK"; // 引数なしの場合は、"()"が必須 var f2 = arg => arg + 1; // 引数一つなら、"()"は省略可 var f3 = (arg1, arg2) => arg1 + arg2; // 複数の引数の場合は"()"必須 var f4 = arg => { // ステートメントを入れる場合は "{}" でブロックを生成する if (arg) return "OK"; else return "NG"; }; // オブジェクトを返す場合は、ブロックと間違われないように // ({...}) と () 等を使用する var f5 = () => ({ a: "A", b
FireFoxでjavascriptのlocation.hrefが機能しない « kawama.jp
<input type="button" value="ボタン" onClick="location.href('http://www.yahoo.co.jp')"> このボタンが、IEでは動作するけどFirefoxでは動作しなかった。 で、 <input type="button" value="ボタン" onClick="location.href='http://www.yahoo.co.jp'"> という具合にしてみたら、動いた。 以下で実際に試せます。 <input type="button" value="ボタン" onClick="location.href(‘http://www.yahoo.co.jp’)"> <input type="button" value="ボタン" onClick="location.href=’http://www.yahoo.co.jp’">
» jQueryでもはまるクロスブラウザ問題まとめ: エスキュービズム ラボ Blog
IEとfirefoxなどのブラウザ間でjavascriptの仕様が違うというクロスブラウザ問題。最近はjQueryなどのライブラリを用いることによって、その違いをライブラリが吸収し、開発が容易になっています。しかし、残念ながら、jQueryを使っても、結構、クロスブラウザ問題にはまってしまいます。以下、そのようなはまった点についてまとめみます。 １．連想配列の最後のカンマ。firefoxだと無視されますが、IEだとエラーになります(例)。分かっていても、ついやってしまいます。 ２．width/heightの解釈の違い。前回のブログにも詳細が書いてあります。jQueryのwidth()/height()でもその違いは吸収できません。前回のブログにあるように、DOCTYPEをきちんと指定するしかないようです。 ３．z-Indexの解釈の違い。firefoxではz-Indexが最優先なのに対し、
[JS]Firefoxでのパララックススクロールのもたつきを解消するスクリプト
複数の画像を使って視差効果を生み出すパララックススクロールを操作する際、Firefoxで起こるもたつきを解消するスクリプトを紹介します。 Faster parallax scrolling websites in Firefox [ad#ad-2] パララックススクロールとは下記のサイトなどで使用されているテクニックで、複数のレイヤーをそれぞれ異なるタイミングでスクロールし、視差効果を生み出すものです。 Iutopi ここで紹介するのは、これらのパララックススクロールを操作する際、Firefoxでもたつくのを解消するスクリプトです。 この現象は、IE, Chrome, Safari, Operaでは見られません。 Firefoxでのパララックススクロールのもたつきを解消するスクリプト 下記のスクリプトを使用することで、Firefoxでのもたつきを解消できます。 /* Firefox sup
FirefoxやChromeでも使える！FlashとJSを使ってクリップボードにテキストをコピー出来るライブラリ「zeroclipboard」:phpspot開発日誌
FirefoxやChromeでも使える！FlashとJSを使ってクリップボードにテキストをコピー出来るライブラリ「zeroclipboard」 2009年01月19日- zeroclipboard - Google Code The Zero Clipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie, and a JavaScript interface.FirefoxやChromeでも使える！FlashとJSを使ってクリップボードにテキストをコピー出来るライブラリ「zeroclipboard」。 クリップボードへテキストコピーというと、IEだけ、とか、他のブラウザ対応にはハックが必要で面倒、みたいな印象がありますが、zeroclipbo
ウノウラボ Unoh Labs: JavaScriptでクリップボードを使う(IE/Firefox)
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
Firebugの使い方2 THE HAM MEDIA
以前に『意外と知られていない機能が多い！？Firebugの使い方』というエントリーを書いたところ、気づけばビックリなブクマ数がついたりする。 Firebugってかなりのコーダー（デザイナー）とか、Webに関わる人の多くはいれているアドオンのハズ(未調査なので自分の気持です)だけど、SaCSS参加者では使っていないって人が意外にもいたので書いたエントリーでした。そのブクマしている人の数やコメントをみると、やっぱりみんながみんな、使い切れているものでないですよね。 ということで、前回は紹介しきれなかったけど、こんな使い方してるよ～という自分の使い方を紹介します！ 不必要な要素は消してしまおう 前回のおさらいっぽい部分から。 いろいろなサイトをみてまわっていると、時々、「これ邪魔だな」とか思う要素がポッとでてきたりってしませんか？大きいモニタの時はそんなこと特に思わないのですが、小さいモニタを使
FirefoxでJavaScriptをデバッグできるアドオン「Venkman」 | Web活メモ帳
VenkmanはFirefoxのために作られたJavaScriptのデバッガです。 ブレークポイント管理、コールスタック監視、変数/オブジェクト監視などができるため開発者にとっては強力なツールになりそうです。 ダウンロードはMozilla addonsからダウンロード可能です。 使い方 使い方ですが、まずはデバッガを起動します。 [ツール] > [JavaScript Debugger] を選択して起動します 。 ウインドウ右下にあるコンソールからコマンドを実行します。 コマンドは以下のような形式になります。 /break [デバッグしたいファイル名] [行番号] 例) /break jQeuery 10 このコマンドではJavaScriptを指定位置で停止させる事ができ、変数の内容などを取得する事が可能になっています。 Mozillaのサイトにて詳しい使い方も載っているのであわせてご覧下
Venkman | MDN
Venkman は、Mozilla の JavaScript デバッガのコードネームで、Firefox、Netscape 7.x/9.x、SeaMonkey といった Mozilla ベースのブラウザに強力な JavaScript デバッグ環境を提供することを目指しています。なお、同じ Gecko ベースのブラウザでも、K-Meleon 等には含まれていません。Venkman は、2001 年 10 月以降 Mozilla のリリースの一部として提供されているほか、XPI 形式の 拡張機能 パッケージとしても入手できるようになっています。 Venkman 入門 JavaScript デバッガを Web 開発に利用するための概要を説明するとともに、いくつかの実例をご紹介します。 Venkman のブレークポイントの使い方 この記事では、JavaScript におけるブレークポイントの説明と、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
bard/mozrepl wiki
hinata.in
fbug - Google Code