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

HTML要素が「フォーカス」されている（現在選択されている/タブで移動されている）場合、多くのブラウザー（少なくともSafariとChrome）はその周りに青い境界線を配置します。 私が取り組んでいるレイアウトの場合、これは注意をそらすものであり、正しく見えません。 <input type="text" name="user" class="middle" id="user" tabindex="1" /> Firefoxはこれを実行していないようです。少なくとも、次の方法で制御できます。 border: x; 誰かがIEのパフォーマンスを教えてくれるとしたら、私は興味があります。 Safariにこのわずかなフレアを除去させるといいでしょう。

610 css  input  safari  webkit  border 

Direct Web Remoting（DWR）JavaScriptライブラリファイルを使用していて、Safari（デスクトップおよびiPad）でのみエラーが発生する それは言う 呼び出しスタックの最大サイズを超えました。 このエラーは正確には何を意味し、処理を完全に停止しますか？ また、Safariブラウザの修正（実際にはiPad Safari、 JS：実行がタイムアウトを超えました 私が想定しているのは同じコールスタックの問題です）

533 javascript  html  webkit  callstack  dwr 

複数のプロパティを持つCSSトランジションの省略形の正しい構文を見つけることができないようです。これは何もしません： .element { -webkit-transition: height .5s, opacity .5s .5s; -moz-transition: height .5s, opacity .5s .5s; -ms-transition: height .5s, opacity .5s .5s; transition: height .5s, opacity .5s .5s; height: 0; opacity: 0; overflow: 0; } .element.show { height: 200px; opacity: 1; } 私はjavascriptでshowクラスを追加します。要素が高くなり、表示されますが、遷移しません。最新のChrome、FF、Safariでのテスト。 何が悪いのですか？ 編集：明確にするために、CSSを縮小するための簡略版を探しています。すべてのベンダープレフィックスで十分に肥大化しています。サンプルコードも拡張しました。

519 css  webkit  css-transitions  shorthand 

Chromeの最新の（カナリア）ビルドで大量の非推奨の警告が表示されることに気づきました。 event.layerXとevent.layerYは壊れており、WebKitでは非推奨です。それらは近いうちにエンジンから削除されます。 jQueryが物事を台無しにしているようです。 私が使用しています：jquery-1.6.1.min.js。 最新のjQueryバージョンにアップグレードするのに役立ちますか、それともまだ修正されていませんか、それともChromeのバグですか、それとも何か他のものですか。 PS 一般的なエラーだと思うので、コードを表示することはできませんが、jQueryオブジェクトにアクセスしようとしたとき、またはjQueryがlayerX / layerYにアクセスしようとしたときに警告がスローされると思います（そうだとしたら、エラー：P）。 jQueryはおそらくそれらのプロパティをjQueryオブジェクトにコピーします。 そう... どうしたの？ 編集 jQuery 1.7がリリースされ、この問題が修正されました。 詳しくは、こちらのブログをご覧ください。

507 jquery  google-chrome  webkit 

JavaScriptオブジェクトをログに記録するために、JavaScriptでconsole.logステートメントを実行しています。私はそれが終わったら、そのオブジェクトをJavaScriptコードとしてコピーする方法があるかどうか疑問に思っています。私がやろうとしているのは、ajaxを使用して作成されたオブジェクトをxmlフィードを解析して静的javascriptオブジェクトに変換し、サーバーなしでファイルをローカルで実行できるようにすることです。クロムインスペクターウィンドウにオブジェクトのスクリーンショットを含めたので、私が何をしようとしているのかを確認できます。

493 javascript  jquery  google-chrome  object  webkit 

HTML / jQueryを使用しているAIRプロジェクトで、沼地の標準ログインフォーム-電子メールテキストフィールド、パスワードフィールド、および送信ボタンを持っています。フォームでEnterキーを押すと、フォーム全体の内容が消えますが、フォームは送信されません。これがWebkitの問題なのか（Adobe AIRはWebkit for HTMLを使用しているのか）、または私がまとめたものがあるのか​​、誰か知っていますか？ 私は試した： $('.input').keypress(function (e) { if (e.which == 13) { $('form#login').submit(); } }); しかし、それはどちらも清算行動を止めず、フォームを提出しませんでした。フォームに関連付けられているアクションはありません-それが問題なのでしょうか？アクションにJavaScript関数を含めることはできますか？

427 javascript  jquery  html  webkit  forms 

CSSでスクロールバーをカスタマイズしたい。 私はこのWebKit CSSコードを使用します。これはSafariとChromeでうまく機能します。 ::-webkit-scrollbar { width: 15px; height: 15px; } ::-webkit-scrollbar-track-piece { background-color: #C2D2E4; } ::-webkit-scrollbar-thumb:vertical { height: 30px; background-color: #0A4C95; } Firefoxで同じことをするにはどうすればよいですか？ jQueryを使用して簡単に実行できることはわかっていますが、実行可能な場合は純粋なCSSで実行することをお勧めします。 誰かの専門家のアドバイスに感謝します！

313 css  firefox  webkit  scrollbar 

私は、Mozilla HacksサイトにあるようなHTML5画像アップローダーを再実装しようとしましたが、これはWebKitブラウザーで動作します。タスクの一部は、canvasオブジェクトから画像ファイルを抽出し、それをアップロードのためにFormDataオブジェクトに追加することです。 問題は、その中でcanvas持っているtoDataURLイメージファイルの表現を返す関数を、いるFormDataオブジェクトは、ファイルを受け入れるか、ブロブからオブジェクトファイルのAPI。 Mozillaソリューションでは、次のFirefox専用機能を使用しましたcanvas： var file = canvas.mozGetAsFile("foo.png"); ... WebKitブラウザーでは利用できません。私が考えることができる最善の解決策は、Data URIをFileオブジェクトに変換する方法を見つけることです。これは、File APIの一部であると考えていましたが、私は一生それを行うための何かを見つけることができません。 出来ますか？そうでない場合、代替案はありますか？ ありがとう。

282 javascript  html  webkit 

Raphaeljsを含むプロジェクトに取り組んでいます。結局のところ、Androidでは動作しません。それは iPhoneで行います。 Androidブラウザーで何かをデバッグするにはどうすればいいですか？それはWebKitなので、バージョンがわかっていれば、そのフルバージョンのWebKitでデバッグしても同じ結果が得られますか？

281 android  debugging  webkit 

jQueryプラグインを作成しています。 SafariでJavascriptを使用して実際の画像の幅と高さを取得するにはどうすればよいですか？ 以下は、Firefox 3、IE7、およびOpera 9で動作します。 var pic = $("img") // need to remove these in of case img-element has set width and height pic.removeAttr("width"); pic.removeAttr("height"); var pic_real_width = pic.width(); var pic_real_height = pic.height(); しかし、SafariやGoogle ChromeなどのWebkitブラウザーでは、値は0です。

278 javascript  jquery  safari  google-chrome  webkit 

最近では、「webkit」というタグの付いた質問が表示されています。このような質問は通常、CSS、jQuery、レイアウト、クロスブラウザーの互換性の問題などに関連するWebベースの質問になる傾向があります。 それでは、この「ウェブキット」とは何であり、CSSとどのように関連していますか？また-webkit-...、さまざまなWebサイトのソースコードに多くのプロパティがあることに気づきました。これら2つは関連していますか？ 更新 これまでの回答から... WebKitは、Safari / Chrome用のHTML / CSS Webブラウザーレンダリングエンジンです。IE / Opera / Firefox用のそのようなエンジンはありますか、また一方を使用することの違い、長所と短所は何ですか？たとえば、FirefoxでWebKit機能を使用できますか？ 究極の質問... WebKitはIEでサポートされていますか？ アップデート2 主要なブラウザはすべて、異なるレンダリングエンジンを使用しています。これが、ブラウザ間の互換性の問題が非常に多い大きな理由だと思います。 それでは、すべてのブラウザが使用する標準のレンダリングエンジンへのプロジェクトや動きはありますか？HTML5は、ブラウザー間の互換性の問題に終止符を打つでしょうか？

277 css  webkit  cross-browser  rendering-engine 

Chromeで、Firebugの「すべてのエラーで中断」機能に相当するものを探しています。[スクリプト]タブでは、Chromeに「すべての例外で一時停止」がありますが、これはすべてのエラーで中断することとはまったく異なります。 たとえば、次のコードを含むページを読み込む場合、Chromeで改行させたいと思いfoo.bar = 42ます。代わりに、「すべての例外で一時停止」を有効にしても、期待した結果が得られません。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <script type="text/javascript"> function doError() { foo.bar = 42; } window.onload = function() { try { doError(); } catch (e) { console.log("Error", e); } } </script> </head> <body> </body> </html> このページに上記で貼り付けたコードを試すか、このjsFiddleを使用できます。

258 javascript  google-chrome  debugging  webkit 

スタイルの変更を行うための簡単なJavaScriptがあります。 sel = document.getElementById('my_id'); sel.className = sel.className.replace(/item-[1-9]-selected/,'item-1-selected'); return false; これは、FF、Opera、IEの最新バージョンでは正常に動作しますが、ChromeとSafariの最新バージョンでは失敗します。 これは、たまたま兄弟である2つの子孫に影響します。最初の兄弟は更新されますが、2番目の兄弟は更新されません。2番目の要素の子にもフォーカスがあり、onclick属性に上記のコードを含む<a>タグが含まれています。 クロームの「開発ツール」ウィンドウでは、私は（例えばチェックを外し＆チェック）微調整する場合の任意の属性の任意の要素、正しいスタイルに二兄弟の更新を。 WebKitを簡単かつプログラム的に「ナッジ」して正しいことを実行するための回避策はありますか？

247 css  google-chrome  safari  webkit 

特定の高さの垂直メニューが欲しいのですが。 各子は親の高さを埋め、テキストは中央揃えにする必要があります。 子の数はランダムなので、動的な値を使用する必要があります。 Div .containerにはランダムな数の子（.item）が含まれ、常に親の高さを満たす必要があります。それを実現するために、フレックスボックスを使用しました。 テキストを中央に揃えてリンクを作成するには、display: table-cellテクニックを使用しています。ただし、テーブルディスプレイを使用するには、高さを100％にする必要があります。 私の問題は.item-inner { height: 100% }、webkit（Chrome）で動作しないことです。 この問題の修正はありますか？ または、すべて.itemを中央に揃えた垂直のテキストで親の高さを満たすようにする別のテクニックはありますか？ ここの例jsFiddle、FirefoxとChromeで表示する必要があります .container { height: 20em; display: flex; flex-direction: column; border: 5px solid black } .item { flex: 1; border-bottom: 1px solid white; } .item-inner { height: 100%; width: 100%; display: table; } a { background: orange; …

235 css  google-chrome  webkit  flexbox 

ページを印刷しようとしています。そのページで、私はテーブルに背景色を与えました。印刷プレビューをクロムで表示すると、背景色のプロパティが反映されません... だから私はこのプロパティを試しました： -webkit-print-color-adjust: exact; それでも色は表示されません。 http://jsfiddle.net/TbrtD/ .vendorListHeading { background-color: #1a4567; color: white; -webkit-print-color-adjust: exact; } <div class="bs-docs-example" id="soTable" style="padding-top: 10px;"> <table class="table" style="margin-bottom: 0px;"> <thead> <tr class="vendorListHeading" style=""> <th>Date</th> <th>PO Number</th> <th>Term</th> <th>Tax</th> <th>Quote Number</th> <th>Status</th> <th>Account Mgr</th> <th>Shipping Method</th> <th>Shipping Account</th> <th style="width: 184px;">QA</th> <th id="referenceSO">Reference</th> <th id="referenceSO" style="width: …

223 google-chrome  css  printing  webkit