プログラミング firefox

8

ドラッグ中に入力type = rangeのonchangeイベントがFirefoxでトリガーされない

で遊んだとき<input type="range">、スライダーがドラッグされている間にChromeなどがonchangeイベントをトリガーする新しい位置にスライダーをドロップした場合にのみ、Firefoxがonchangeイベントをトリガーします。 Firefoxでドラッグするときにどうすればよいですか？ function showVal(newVal){ document.getElementById("valBox").innerHTML=newVal; } <span id="valBox"></span> <input type="range" min="5" max="10" step="1" onchange="showVal(this.value)"> コードスニペットを実行するHide resultsスニペットを展開

252 javascript html firefox input onchange

6

コマンドラインでFirefoxを使用してページ全体のスクリーンショットを撮る

VPSのXvfbでFirefoxを実行しています。私がしたいことは、ページのスクリーンショット全体を撮ることです。 Firefoxを使用して特定のページにリダイレクトできます firefox http://google.com ImageMagickを使用してスクリーンショット（X内）を撮ります import root -window output.jpg 問題は、ほとんどのページでスクロールが必要で、事前に高さがわからないことです。もう1つの方法は、非常に大きな高さ（4000pxなど）を選択し、画像を処理して不要な部分を削除することです。しかし、それは不必要な処理です。多くのFirefoxアドオンを見つけましたが、シェルコマンドラインを使用してプログラムできるソリューションを探しています。編集：私はこれを行うために自分のFireFox拡張機能を作成することになりました。

224 shell firefox command-line screenshot

7

入力番号のスピナーを非表示にする-Firefox 29

Firefox 28では、<input type="number">数字のみを入力する必要がある入力フィールドに数字キーボードが表示されるため、うまく機能しています。 Firefox 29では、数値入力を使用すると、フィールドの右側にスピンボタンが表示されます。これは、私のデザインではがらくたのように見えます。とにかく6桁から10桁の数字のようなものを書く必要があるときは、ボタンは役に立たないので、私は本当にボタンは必要ありません。 CSSまたはjQueryでこれを無効にすることは可能ですか？

202 jquery css firefox input spinner

13

不可解な「スクリプトエラー」。ChromeおよびFirefoxのJavaScriptで報告

私のウェブサイトでJavaScriptエラーを検出し、レポート用にバックエンドに送信するスクリプトがあります。最初に発生したエラー、想定される行番号、および時刻を報告します。 doctypeを含めるように編集します。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:fb="http://www.facebook.com/2008/fbml"> ... <script type="text/javascript"> //<![CDATA[ // for debugging javascript! (function(window){ window.onerror = function(msg, url, ln) { //transform errors if (typeof(msg) === 'object' && msg.srcElement && msg.target) { if(msg.srcElement == '[object HTMLScriptElement]' && msg.target == '[object HTMLScriptElement]'){ …

199 javascript firefox google-chrome error-handling

28

CSS @ font-faceはFirefoxでは機能しませんが、ChromeおよびIEでは機能します

次のコードは、Google Chromeベータ版とIE 7で動作します。ただし、Firefoxにはこの問題があるようです。私のCSSファイルがどのようにインクルードされているかが問題であると思っています。クロスドメインのインポートに関してFirefoxがあまり友好的ではないためです。しかし、これはすべて静的HTMLであり、クロスドメインの問題はありません。 landing-page.htmlで、次のようなCSSインポートを実行します。 <link rel="stylesheet" href="../css/main.css" type="text/css" media="screen, projection" /> main.css内に、次のような別のインポートがあります。 @import url("reset.css"); @import url("style.css"); @import url("type.css"); そしてtype.css内で私は次の宣言をしています： @font-face { font-family: "DroidSerif Regular"; src: url("font/droidserif-regular-webfont.eot"); src: local("DroidSerif Regular"), url("font/droidserif-regular-webfont.woff") format("woff"), url("font/droidserif-regular-webfont.ttf") format("truetype"), url("font/droidserif-regular-webfont.svg#webfontpB9xBi8Q") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "DroidSerif Bold"; src: url("font/droidserif-bold-webfont.eot"); src: local("DroidSerif …

194 css firefox font-face file-uri

14

Firefoxおよび/またはIE 10で動作するHTML 5入力type =“ date”を取得する方法

input type="date"今回もFirefoxでまだサポートされていないのは奇妙です。実際、私はそれらがinput要素にHTML 5の新しいタイプの多く（もしあれば）を追加したとは思いません。IE10でサポートされていないのも当然です。だから、私の質問は... IEおよびFirefoxブラウザーのみのカレンダー/日付を取得するために、.jsファイル（つまり、DatePickerウィジェット）を追加せずに要素を機能type="date"させる方法は？FirefoxやIEブラウザでこの機能がデフォルトで機能するようにするために、どこかに適用できる何か（CDNか？）はありますか？IE 8以上のブラウザーとFirefoxをターゲットにすることは問題ではありませんが、最新バージョン（28.0）で問題ありません。inputjQueryUI 更新：Firefox 57以降は入力タイプ=日付をサポートしています

191 html forms jquery-ui internet-explorer firefox

7

Firefoxでローカルストレージを表示/削除する方法

Google Chromeでは、ローカルストレージの内容を確認したり、検査後に修正または削除したりする簡単な方法があります。 Firefoxで同じことをする方法はありますか？

184 javascript firefox local-storage

10

印刷スタイルシートを開発およびテストするためのより速い方法（毎回の印刷プレビューを避ける）？

これは今私のプロセスです：変更をprint.cssに保存しますブラウザを開いてページを更新します。右クリックして[印刷]> [印刷プレビュー]を選択します（Firefoxですが、実際にはすべてのブラウザ）。バグがあるのはステップ3で、プラグインなどを使用してプロセスから切り離すことができるかどうか疑問に思っています。ページを印刷メディアとして表示することを選択し、更新して変更を確認します。印刷スタイルシートをどのようにテストしますか？更新後、常に印刷プレビューをクリックしますか？

179 css firefox

6

Chrome DevelopersツールまたはFirefoxのFirebugでXPath式を確認するにはどうすればよいですか？

XPathを確認するにはどうすればよいですか？ Chrome Developersツールを使用して要素を検査し、XPathを形成しています。ChromeプラグインのXPathチェッカーを使用して確認しましたが、常に結果が得られるとは限りません。XPathを検証するより良い方法は何ですか。 Firebugを使用してバグを検査し、FirePathを使用して確認することも試みました。ただし、FirepathはXPathも検証します。私の最後のオプションは、Selenium WebDriverを使用してXPathを確認することです。

179 google-chrome firefox selenium xpath selenium-webdriver

10

bindまたはclickでイベントハンドラーをバインドしていない場合、jquery click（）を呼び出して<a>リンクをたどることはできますか？

私のJavaScriptにはタイマーがあり、時間が経過すると別のページに移動するためにリンクをクリックすることをエミュレートする必要があります。これを行うには、jQueryのclick()関数を使用しています。私も使用して$().trigger()おりwindow.location、3つすべてで意図したとおりに機能させることができます。私はいくつかの奇妙な振る舞いを観察しました、click()そして私は何が起こり、なぜ起こるのかを理解しようとしています。私はこの質問で説明するすべてにFirefoxを使用していますが、他のブラウザがこれで何をするかにも興味があります。イベントハンドラーを使用していない、$('a').bind('click',fn)または$('a').click(fn)設定していない場合、呼び出し$('a').click()を行っても何も起こらないようです。ブラウザーは新しいページをロードしないため、このイベントのブラウザーのデフォルトハンドラーは呼び出されません。ただし、最初にイベントハンドラーを設定すると、イベントハンドラーが何もしなくても、期待どおりに機能します。 $('a').click(function(){return true;}).click(); これにより、自分をクリックしたかのように新しいページが読み込まれます。だから私の質問は2つあります：私がどこかで何か間違ったことをしているのでこれは奇妙な行動ですか？click()独自のハンドラを作成していない場合、なぜ呼び出しはデフォルトの動作では何もしないのですか？編集：ホフマンが私の結果を複製しようとしたときに決定したように、私が上で説明した結果は実際には起こりません。昨日観察したイベントの原因はわかりませんが、質問で説明したものではなかったのは今日です。答えは、ブラウザで「偽の」クリックを行うことはできず、すべてのjQueryがイベントハンドラを呼び出すことです。あなたはまだwindow.locationページを変更するために使用することができ、それは私にとってはうまくいきます。

175 javascript jquery firefox events click

30

Firefoxの選択要素から矢印を削除する方法

selectCSS3を使用して要素のスタイルを設定しようとしています。WebKit（Chrome / Safari）で必要な結果を得ていますが、Firefoxがうまく動作していません（IEでさえ気にしていません）。私はCSS3 appearanceプロパティを使用していますが、何らかの理由でドロップダウンアイコンをFirefoxから振ることができません。これが私がやっていることの例です：http : //jsbin.com/aniyu4/2/edit #dropdown { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: transparent url('example.png') no-repeat right center; padding: 2px 30px 2px 2px; border: none; } ご覧のとおり、私は特別なことをしようとしているのではありません。デフォルトのスタイルを削除して、独自のドロップダウン矢印を追加したいだけです。私が言ったように、FirefoxではなくWebKitで素晴らしい。どうやら、-moz-appearance: noneドロップダウン項目を取り除きません。何か案は？いいえ、JavaScriptはオプションではありません

172 html firefox css

9

Firefoxは位置をサポートしていますか：テーブル要素の相対的ですか？

私が使用しようとするとposition: relative/ position: absolute上<th>または<td>Firefoxでそれが動作するようには思えません。

169 css firefox

6

JavaScriptクロージャがガベージコレクションされる方法

私は次のChromeバグをログに記録しました。これにより、コードに重大で明白でない多くのメモリリークが発生しました。（これらの結果は、GCを実行するChrome Dev Toolsのメモリプロファイラを使用してから、収集されたガベージングされていないものすべてのヒープスナップショットを取得します。）以下のコードでは、someClassインスタンスはガベージコレクションされています（良好）。 var someClass = function() {}; function f() { var some = new someClass(); return function() {}; } window.f_ = f(); ただし、この場合はガベージコレクションされません（不良）。 var someClass = function() {}; function f() { var some = new someClass(); function unreachable() { some; } return function() {}; } window.f_ = …

168 javascript internet-explorer google-chrome firefox garbage-collection

11

Animate scrollTopがFirefoxで機能しない

この機能は正常に動作します。本体を目的のコンテナのオフセットまでスクロールします function scrolear(destino){ var stop = $(destino).offset().top; var delay = 1000; $('body').animate({scrollTop: stop}, delay); return false; } しかし、Firefoxにはありません。どうして？ -編集- 受け入れられた回答でde doubleトリガーを処理するには、アニメーションの前に要素を停止することをお勧めします。 $('body,html').stop(true,true).animate({scrollTop: stop}, delay);

164 jquery firefox scrolltop

7

JSですべてのFirefoxバージョンを検出する

JavaScriptでFirefoxを検出する方法は？ Firefoxのすべてのバージョンを検出したい。

152 javascript jquery firefox

タグ付けされた質問 「firefox」

タグ付けされた質問「firefox」