ਵੈੱਬ ਨੂੰ ਕੈਪਚਰ ਅਤੇ ਕਨਵਰਟ ਕਰਨ ਲਈ ਟੂਲ
ਗਰੈਬਜ਼ਆਈਟ ਦੀ Onlineਨਲਾਈਨ ਕਮਿ Communityਨਿਟੀ

ਫਾਇਰਫਾਕਸ ਪੋਜਿਸ਼ਨ ਨੂੰ ਜਾਰੀ ਕਰਦਾ ਹੈ

ਮੈਨੂੰ ਕੁਝ ਸਥਿਤੀਆਂ ਵਿੱਚ ਫਾਇਰਫਾਕਸ ਉੱਤੇ ਸਹੀ ਤਰ੍ਹਾਂ ਕੰਮ ਕਰਨ ਲਈ ਸਕ੍ਰੀਨਸ਼ਾਟ ਪ੍ਰਾਪਤ ਕਰਨ ਵਿੱਚ ਮੁਸ਼ਕਲ ਹੋ ਰਹੀ ਹੈ. 

ਫਾਇਰਫਾਕਸ ਇੱਕ "ਇਨਸੈੱਟ" CSS ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ ਜੋ ਕੋਈ ਹੋਰ ਬ੍ਰਾ browserਜ਼ਰ ਨਹੀਂ ਵਰਤਦਾ (https://developer.mozilla.org/en-US/docs/Web/CSS/inset). ਇਹ ਖੱਬੇ / ਸੱਜੇ / ਉੱਪਰ / ਹੇਠਾਂ ਦੀ ਬਜਾਏ ਇਸਤੇਮਾਲ ਕੀਤਾ ਜਾਂਦਾ ਹੈ. ਘੱਟੋ ਘੱਟ ਮੇਰੇ ਐਫਐਫ ਦੇ ਸੰਸਕਰਣ ਵਿਚ, ਇਹ ਕਿਸੇ ਵੀ ਖੱਬੇ / ਸੱਜੇ / ... CSS ਦੀ ਥਾਂ ਲੈ ਕੇ ਇਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਮਜ਼ਬੂਰ ਕਰਦਾ ਹੈ. ਗਰੈਬਜ਼ਿਟ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਨਹੀਂ ਪਛਾਣਦਾ ਹੈ ਅਤੇ ਇਸਲਈ ਇਹ ਫਾਇਰਫਾਕਸ ਉਪਭੋਗਤਾਵਾਂ ਲਈ ਸਹੀ ਨਹੀਂ ਹੈ. 

ਕੀ ਕਿਸੇ ਹੋਰ ਨੇ ਇਸਦਾ ਅਨੁਭਵ ਕੀਤਾ ਹੈ ਅਤੇ ਇਸਦਾ ਹੱਲ ਹੈ.

ਕੋਰੀ ਐਲਡਰਿਨ ਦੁਆਰਾ 18 ਸਤੰਬਰ 2019 ਨੂੰ ਪੁੱਛਿਆ ਗਿਆ

ਸ਼ਾਇਦ ਉਹ CSS ਕੋਡ ਪਾਓ ਜੋ ਬਾਹਰੀ CSS ਫਾਈਲ ਵਿੱਚ ਤਬਦੀਲੀ ਕਰਨ ਦੇ ਯੋਗ ਹੋਵੇ ਅਤੇ ਇਸ ਨੂੰ ਆਪਣੇ HTML ਵਿੱਚ ਇਸ ਤਰ੍ਹਾਂ ਦਰਸਾਓ?

18 ਸਤੰਬਰ 2019 ਨੂੰ ਗਰੈਬਜ਼ ਸਪੋਰਟ ਦੁਆਰਾ ਜਵਾਬ

ਇਹ ਮੇਰੇ ਕੇਸ ਵਿੱਚ ਕੰਮ ਨਹੀਂ ਕਰੇਗੀ. ਮੈਨੂੰ CSS ਇਨਲਾਈਨ ਹੋਣ ਦੀ ਜ਼ਰੂਰਤ ਹੈ ਕਿਉਂਕਿ ਇਹ ਹਮੇਸ਼ਾਂ ਇਕੋ ਨਹੀਂ ਹੁੰਦਾ. ਇਹ ਉਪਭੋਗਤਾ ਦੇ ਅਧਾਰ ਤੇ ਬਦਲਦਾ ਹੈ. 

18 ਸਤੰਬਰ 2019 ਨੂੰ ਕੋਰੀ ਐਲਡਰਿਨ ਦੁਆਰਾ ਜਵਾਬ

ਮੇਰੇ ਫਾਇਰਫੌਕਸ ਦੇ ਸੰਸਕਰਣ ਵਿਚ ਮੈਂ ਇਸ ਨਾਲ ਟੈਸਟ ਕੀਤਾ:

<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 ਸਤੰਬਰ 2019 ਨੂੰ ਗਰੈਬਜ਼ ਸਪੋਰਟ ਦੁਆਰਾ ਜਵਾਬ

ਮੈਂ ਇਸ ਦੀ ਵਧੇਰੇ ਜਾਂਚ ਕਰ ਰਿਹਾ ਹਾਂ ਅਤੇ ਅਜਿਹਾ ਲਗਦਾ ਹੈ ਕਿ ਇਹ ਹੋ ਰਿਹਾ ਹੈ ਜਦੋਂ ਉਪਯੋਗਕਰਤਾ ਇੱਕ ਡਿਵ ਨੂੰ ਮੂਵ ਕਰਦਾ ਹੈ. ਮੇਰੀ ਐਪ ਤੱਤਾਂ ਨੂੰ ਆਲੇ ਦੁਆਲੇ ਘੁੰਮਣ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ ਅਤੇ ਇਹ ਉਦੋਂ ਹੁੰਦਾ ਹੈ ਜਦੋਂ ਫਾਇਰਫਾਕਸ ਉਹ ਤਬਦੀਲੀ ਕਰ ਰਿਹਾ ਹੁੰਦਾ ਹੈ. ਮੈਂ ਸ਼ਾਇਦ ਇਸ ਨੂੰ ਧਿਆਨ ਵਿਚ ਰੱਖਦਿਆਂ ਆਪਣੇ ਕੋਡ ਵਿਚ ਕੁਝ ਤਬਦੀਲੀਆਂ ਕਰ ਸਕਦਾ ਹਾਂ. 

18 ਸਤੰਬਰ 2019 ਨੂੰ ਕੋਰੀ ਐਲਡਰਿਨ ਦੁਆਰਾ ਜਵਾਬ