問題タブ [getcomputedstyle]

Twitter Bootstrap popoverを呼び出すと、Webkit ブラウザーではなく Firefox を使用してこのエラーが発生します。

エラーは jquery.js の 6825 行にあります。

この投稿はこの質問に対処しているようですが、解決策（以下に示す）を実装しようとしても効果はありませんでした。投稿は 4 年前なので、jQuery のバージョンが異なり、このソリューションが機能しなくなった理由を説明できると思います。

私は最近、この HTML 比較を試していましたが、これはある程度機能しています。

（完全なソースはこちら）奇妙なことに、同じノードをそれ自体と比較すると、独自のプロパティが異なると言われます。

この競合の原因は何ですか? この奇妙な動作なしで getComputedStyle を使用する方法はありますか?

アップデート

ここでは、これがブラウザーで機能することを確認できますが、devtools-tweaks のこのブランチを試してみるとわかるように、Chrome 特権コードでは機能しません。

継承されたすべてのスタイルではなく、ページ上の要素の計算されたスタイルのみを取得したい

これは明らかに、すべてのスタイルの巨大なリストを取得します。

「継承を表示」チェックボックスが無効になっているときにChromeのインスペクターに表示される「計算されたスタイル」のみが必要です。

このためのJSは何ですか？

編集：

基本的に、Chrome インスペクターで変更したすべての css を保存しようとしています。私はページ上に物事をレイアウトしていて、フォントと要素の配置をいじっています（jqueryのドラッグ可能なものをドラッグしています）。すべての位置と CSS を保存したい。多分私は複雑になりすぎたので、変更したすべてのスタイルを Chrome インスペクタに保存する簡単な方法はありますか?

これは一日中私を少しバタバタさせており、他の誰かがこの不一致を文書化した場所を見つけることができませんでした.

デモについては、 http://jsfiddle.net/ZwF9H/6/を参照してください。

私が期待しているのは、window.getComputedStyle() がすべてのブラウザー間で同じ計算された高さの値を返す必要があるということです。Internet Explorer 11 は別のことをしています。(実際には、IE 9 と 10 も同様ですが、IE 11 は開発ツールを動作させることができた最初のものでした。)

他のすべてのブラウザーの場合、計算された高さは、スタイルシートまたは textarea 要素のインラインに関係なく、css で設定された高さです。

IE11 は box-sizing: border-box 宣言を無視しており、パディングとマージンを差し引いていますが、これは間違っていると思います。

これはバグですか、何か間違ったことをしていますか? IE11 が計算値を異なる方法で返すことは既知の事実ですか?

私は を持っていて、divそれにスタイルを設定していません。次に、コンテンツを入れて、高さが大きくなる可能性があります

getComputedStyleメソッドを持たない IE8 または IE7 で高さを取得したい

プロパティを使用currentStyleすると、戻り値は数値ではautoなく になります。

IEで高さを取得するにはどうすればよいですか?

https://github.com/desandro/draggabillyで入手可能なドラガビリーを使用しようとしてい ます

html で問題なく動作します。今、ワードプレスに追加しようとしたとき。firebug コンソールで次のエラーが発生します。

ここにjsファイルのリンクがあります http://draggabilly.desandro.com/draggabilly.pkgd.min.js

これは驚きでした。次のコードでは、画面に実際の色が表示されないようです。

rgb(0, 0, 0)私が正しいと思うものを与えます。でも

を与えrgba(0, 0, 0, 0)ます。画面に表示される実際の背景色は白です。

h1 と呼ぶ要素が画面に表示されます。実際の背景色を取得することを期待していました。上記の (rgba での) 値は間違っていませんが、あまり役に立ちません。背景が完全に透明であることがわかります-それは色ではありません。

RGB で実際の背景色を取得するにはどうすればよいですか?

投稿で距離を測定するスクリプトを作成しています。たとえば、3 つの投稿がある場合:

• 投稿 1: 2 行のテキスト、次に見たい画像。
• 投稿 2:見たいだけの画像。
• 投稿 3:見たい画像 続いて 2 行。

私がこれを欲しがる理由は、Tumblr の説明がナンセンスすぎると思うからです。画像の周りのナンセンスをすべてトリミングして、スクロールを少なくするクロム拡張機能を作成しています。すべての投稿で、投稿全体を表示するボタンが表示されます。

今日の時点で、それはうまく機能しています！getBoundingClientRectウィンドウから上、左、下、右のオフセットを取得できます。1つだけ問題があります。ページ上のすべての投稿に対してすぐにそれを行うことはできません。なぜなら、投稿がドキュメントの表示部分、ブラウザーで表示している部分から 700 ピクセル以上離れている場合、GBCR によって提供されるすべての値が0.

これらの値は有効ではありません。投稿が画面に表示されないため、おそらくゼロです。また、スクロールした場合に拡張機能にサイズを取得させて、投稿がウィンドウの表示部分に入ったときに処理されるようにすることもできます。しかし、これは私の好みではありません。これは、ユーザーがスクロールするたびに JS 関数をトリガーする必要があることを意味しますが、これは悪い習慣です。DOM がロードされたときに関数を開始するので、新しい投稿が追加されると、関数がトリガーされます。

私の質問は次のとおりです。投稿が画面に表示されないときに GBCR 関数が機能することを確認するための回避策はありますか。getComputedStyleまたは、 (すべての要素を通過せずに)要素の Coordinats を取得する方法はありますか?

left、rightおよびを定義する要素で getComputedStyle を呼び出していますbottom。

Chrome'auto'では値として返されますtopが、Firefox ではピクセル値が返されますが、Firefox のインスペクターを見るとtop、計算されたペインに値が表示されません。

これを回避する方法はありますか？これは問題を示すフィドルですhttp://jsfiddle.net/DEfusion/9NaGD/