Webをキャプチャして変換するツール
GrabzItのオンラインコミュニティ

posistionに関するFirefoxの問題

特定の状況でFirefoxでスクリーンショットを正しく動作させるのに問題があります。

Firefoxは、他のブラウザが使用しない「インセット」CSSプロパティを使用します(https://developer.mozilla.org/en-US/docs/Web/CSS/inset)。 left / right / top / bottomの代わりに使用されます。 少なくとも私のFFのバージョンでは、left / right / ... CSSを置き換えることで強制的に使用します。 GrabzItはこのプロパティを認識しないため、Firefoxユーザーにとって画像は正しくありません。

他の誰かがこれを経験し、解決策を持っています。

9月18水曜日にCorey Alderinが質問しました。201911:00:32 AM

おそらく、変更しやすいCSSコードを外部のCSSファイルに入れて、HTMLでそのように参照しますか?

18 9月水曜日、2019 11:22:48 AMにGrabzItサポートが回答

私の場合はうまくいきません。 それは常に同じではないので、私はCSSをインラインにする必要があります。 ユーザーによって変わります。

9月18水曜日、2019 12:11:07 PMにCorey Alderinが回答

FireFoxの私のバージョンでは、これでテストしました:

<html>
<head>
<script src="grabzit.min.js"></script>
</head>
<body>
<div id="screenshot"><style>
div{
top:1em;
left:1em;
position:absolute;
}
</style>
<div>Hello</div></div>
<script>GrabzIt("APPLICATION KEY").ConvertHTML(document.getElementById('screenshot').innerHTML,{"target": "#captureThis",
"format": "png",
"transparent": 1,
"bwidth": 1200,
"bheight": 1000,
"hd": 1,
"width": 1200,
"height": 1000,
"hide": ".modal-backdrop",
"displayid": "finalImage"}).DataURI();
</script>
</body>
</html>

投稿されたデータは次のとおりです。

<style>
div{
top:1em;
left:1em;
position:absolute;
}
</style>
<div>Hello</div>

インセットは送信されませんでした。

18 9月水曜日、2019 12:24:10 PMにGrabzItサポートが回答

私はこれをさらにテストしてきましたが、ユーザーがdivを動かしたときにこれが起こっているようです。 私のアプリでは、要素を移動することができます。それは、Firefoxがその変更を行うときです。 これを説明するために、おそらくコードにいくつかの変更を加えることができます。

9月18水曜日、2019 05:01:42 PMにCorey Alderinが回答