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

私は、PNGおよびCSS3アニメーションを使用して、Appleスタイルのアクティビティインジケーター（サンディングロードアイコン）を複製しようとしています。画像を回転させて継続的に実行していますが、アニメーションが終了してから次の回転を行うまでに遅延があるようです。 @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } #loading img { -webkit-animation-name: rotate; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; -webkit-transition-timing-function: linear; } 私はアニメーションの期間を変更しようとしましたが、違いはありません。すぐに遅くした場合、5秒と言うのは、最初の回転の後、再び回転する前に一時停止があるということです。それは私が取り除きたいこの一時停止です。 助けてくれてありがとう、ありがとう。

120 animation  webkit  css  transform 

Chromeで「Uncaught RangeError：Maximum call stack size超過」というエラーが表示されます。ここに私のjQuery関数があります $('td').click(function () { if ($(this).context.id != null && $(this).context.id != '') { foo($('#docId').val(), $(this).attr('id')); } return false; }); ページには数万のセルがあることに注意してください。ただし、私は通常、スタックオーバーフローを再帰に関連付けます。この場合、私が見る限り、何もありません。 このようなラムダを作成すると、スタックに大量のものが自動的に生成されますか？それを回避する方法はありますか？ 現時点での唯一の回避策は、HTMLをレンダリングするときに各セルでonclickイベントを明示的に生成することです。これにより、HTMLがはるかに大きくなります。

113 javascript  jquery  google-chrome  webkit  stack-overflow 

-webkit-transform: rotate()JavaScriptを使用してプロパティを動的に変更したいのですが、一般的に使用されているものsetAttributeが機能しません。 img.setAttribute('-webkit-transform', 'rotate(60deg)'); .styleどちらか動作していません... これをJavaScriptで動的に設定するにはどうすればよいですか？

112 javascript  webkit 

別のドメインURLを含むiframeから親URLにハッシュ値を設定しようとすると、以下のエラーが発生します。 安全でないJavaScriptが、URL「URL2」のフレームからURL「URL1」のフレームにアクセスしようとしました。ドメイン、プロトコル、ポートが一致している必要があります。 この問題を解決するにはどうすればよいですか？

112 javascript  iframe  webkit  cross-domain 

iPhone / iPad / iPod上のWebkitでは、<a>タグを：active疑似クラスに指定しても、要素をタップしてもトリガーされません。これをトリガーするにはどうすればよいですか？コード例： <style> a:active { background-color: red; } </style> <!-- snip --> <a href="#">Click me</a>

109 iphone  css  webkit  mobile-safari  pseudo-class 

左側を緑色、右側を灰色にしたいです。上の写真のように完璧です。できれば純粋なCSSソリューション（WebKitについてのみ心配する必要があります）。 そのようなことは可能ですか？

105 css  html  input  webkit 

CSSを使用しているときは、ブラウザー（Chromeなど）で要素を右クリックし、[要素の検査]をクリックして、CSSを編集することがよくあります。矢印キーを使用してマージンやパディングなどを変更すると、非常に簡単に整列できます。 これらの変更を適用してCSSファイルに適用することはそれほど難しくありませんが、インスペクターでセレクターを右クリックして[エクスポート]または[コピー]を選択し、コンテンツを使用できるようにすると便利ですクリップボード。 このようなものは存在しますか？

104 css  webkit  google-chrome-extension  web-inspector 

JavaScriptCoreを介してJavaScriptを拡張するアプリケーションをwebkit-gtkブラウザーで使用しています。現在、いくつかのクラスをグローバルコンテキストに追加しています。 void create_js(gpointer context, char* className, JSClassDefinition clasDefinition) { JSClassRef classDef = JSClassCreate(&clasDefinition); JSObjectRef classObj = JSObjectMake(context, classDef, context); JSObjectRef globalObj = JSContextGetGlobalObject(context); JSStringRef str = JSStringCreateWithUTF8CString(className); JSObjectSetProperty(context, globalObj, str, classObj, kJSPropertyAttributeNone, NULL); JSStringRelease(str); } 次に、これらのクラスもWebWorkerのコンテキストに追加して、JSでインスタンス化されたワーカーからそれらを呼び出すことができるようにします。 私はそのWorkerようにオブジェクトを取得しようとしました： JSStringRef workerStr = JSStringCreateWithUTF8CString("Worker"); JSObjectRef worker = JSObjectGetProperty(context, globalObj, workerStr, NULL); JSObjectSetProperty(context, worker, …

102 javascript  webkit  customization  web-worker  javascriptcore 

2つの絶対位置に配置されたdiv要素が重複しています。どちらもcssを介してz-index値を設定しています。私はtranslate3dwebkit変換を使用して、これらの要素を画面からアニメーション化し、画面に戻します。変換後、要素は設定z-index値を尊重しなくなります。 誰かがdiv要素のz-index / stack-orderにWebkit変換を実行するとどうなるかを説明できますか？そして、div要素のスタック順を維持するために何ができるかを説明しますか？ ここでは、私がどのように変換を行っているかについてのいくつかの詳細情報を示します。 変換前に、各要素はcssを介して設定されたこれらの2つのWebkitトランジション値を取得します（私は.css()関数呼び出しにjQueryを使用しています： element.css({ '-webkit-transition-duration': duration + 's' }); element.css({ '-webkit-transition-property': '-webkit-transform' }); 次に、要素はtranslate3d -webkit-transformを使用してアニメーション化されます。 element.css({ '-webkit-transform': 'translate3d(' + hwDelta + 'px, 0, -1px)' }); ところで、3番目のパラメーターtranslate3dをいくつかの異なる値に設定して、3Dスペースでスタック順序を複製しようとしましたが、うまくいきませんでした。 また、iPhone / iPadおよびAndroidブラウザーは、このコードを実行する必要があるターゲットブラウザーです。どちらもWebkitの移行をサポートしています。

98 css  webkit  transform 

アプリケーションでtextareaコンポーネントを使用しており、その高さを動的に制御しています。ユーザーが入力すると、十分なテキストがある場合は常に高さが増加します。これは、IE、Firefox、Safariで正常に動作します。 ただし、Safariでは、右下に「ハンドル」ツールがあり、ユーザーはクリックしてドラッグすることでテキストエリアのサイズを変更できます。私はまた、stackoverflow Ask a Questionページのtextareaでこの問題に気づきました。このツールは混乱を招き、基本的に邪魔になります。 それで、とにかくこのサイズ変更ハンドルを隠す方法はありますか？ （「ハンドル」が正しい単語かどうかはわかりませんが、もっと良い用語を考えることはできません。）

97 safari  webkit  css 

WebViewからのすべてのリクエストにカスタムヘッダーを追加する必要があります。loadURLのパラメータがあることはわかっていますがextraHeaders、これらは最初のリクエストにのみ適用されます。後続のすべてのリクエストにはヘッダーが含まれていません。ですべてのオーバーライドを見てきましたがWebViewClient、リソース要求にヘッダーを追加することはできません- onLoadResource(WebView view, String url)。どんな助けでも素晴らしいでしょう。 ありがとう、レイ

95 java  android  webkit  android-webview 

以下の単純なHTMLは、FirefoxとWebKitベースのブラウザーでは異なって表示されます（私はSafari、Chrome、iPhoneでチェックインしました）。 Firefoxでは境界線とテキストの両方が同じ色（#880000）ですが、Safariではテキストが少し明るくなります（透明度が適用されているかのように）。 どういうわけかこれを修正できますか（Safariでこの透明度を削除します）？ <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> input:disabled{ border:solid 1px #880000; background-color:#ffffff; color:#880000; } </style> </head> <body> <form action=""> <input type="text" value="disabled input box" disabled="disabled"/> </form> </body> </html>

93 iphone  html  css  safari  webkit 

私はChromiumのコードベースをダウンロードし、WTF名前空間を見つけました。 namespace WTF { /* * C++'s idea of a reinterpret_cast lacks sufficient cojones. */ template<typename TO, typename FROM> TO bitwise_cast(FROM in) { COMPILE_ASSERT(sizeof(TO) == sizeof(FROM), WTF_wtf_reinterpret_cast_sizeof_types_is_equal); union { FROM from; TO to; } u; u.from = in; return u.to; } } // namespace WTF これはどういう意味ですか？そうである可能性がありbitwise_castます。ここで指定された実装は、PODでない場合、TOまたはPODでなく、（AFAIK）組み込みのC ++よりも強力でFROMない場合はコンパイルされません。reinterpret_cast ここで私が目にする唯一の光のポイントはbitwise_cast、Chromiumプロジェクトで誰も使用していないようです。

91 c++  webkit  chromium 

今日、私はFacebookのChromeのコンソールに「ぶらぶら」しました。 驚いたことに、コンソールにこのメッセージが表示されました。 今私の質問です：これはどのようにして可能ですか？ コンソールにはいくつかの「エクスプロイト」メソッドがあることは知っていますが、コンソールでそのようなフォントフォーマットを作成するにはどうすればよいですか？（それはconsole.logですか？）

91 javascript  html  google-chrome  webkit  exploit 

-webkit-transform: translate3d(0,0,0); 正確には何をしますか？パフォーマンスの問題はありますか？私はそれを体または個々の要素に適用する必要がありますか？スクロールイベントが大幅に改善されるようです。 レッスンありがとうございます！

88 html  css  webkit