ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਸਕ੍ਰੀਨ ਸ਼ਾਟ API ਦੇ ਨਾਲ ਇੱਕ ਡਿਵ ਕੈਪਚਰ ਕਰੋ

ਇੱਕ ਆਮ ਜ਼ਰੂਰਤ ਇਹ ਹੈ ਕਿ ਕਿਵੇਂ ਇੱਕ HTML ਪੰਨੇ ਵਿੱਚ ਇੱਕ ਸਿੰਗਲ HTML ਤੱਤ ਦੇ ਭਾਗਾਂ ਨੂੰ ਕੈਪਚਰ ਕਰਨਾ ਹੈ. ਜਿਵੇਂ ਕਿ ਇੱਕ ਡਿਵ, ਸਪੈਨ ਜਾਂ ਕੈਨਵਸ ਤੱਤ.

ਹਾਲਾਂਕਿ, ਇਸ ਤੋਂ ਪਹਿਲਾਂ ਕਿ ਤੁਸੀਂ ਕਲਾਇੰਟ ਸਾਈਡ ਕੋਡ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਸਿੰਗਲ HTML ਤੱਤ ਕੈਪਚਰ ਕਰ ਸਕੋ. ਜਿਵੇਂ ਕਿ ਇੱਕ ਚਿੱਤਰ, PDF ਜਾਂ DOCX ਸਕ੍ਰੀਨਸ਼ਾਟ. ਤੁਹਾਨੂੰ ਜ਼ਰੂਰਤ ਹੋਏਗੀ ਸਾਈਨ ਅੱਪ ਕਰੋ ਮੁਫ਼ਤ ਅਤੇ ਫਿਰ ਸਾਡੇ ਨੂੰ ਡਾ .ਨਲੋਡ ਕਰੋ ਮੁਫਤ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਲਾਇਬ੍ਰੇਰੀ.

ਇੱਕ ਵਾਰ ਜਦੋਂ ਇਹ ਹੋ ਜਾਂਦਾ ਹੈ ਤਾਂ ਐਚਟੀਐਮਐਲ ਐਲੀਮੈਂਟ ਨੂੰ ਕੈਪਚਰ ਕਰਨਾ ਸੌਖਾ ਹੁੰਦਾ ਹੈ. ਤੁਹਾਨੂੰ ਬੱਸ ਪਾਸ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ CSS ਚੋਣਕਾਰ ਐਲੀਮੈਂਟ ਦੇ ਜਿਸ ਉੱਤੇ ਤੁਸੀਂ ਕੈਪਚਰ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਟੀਚਾ ਪੈਰਾਮੀਟਰ.

ਆਪਣੇ CSS ਚੋਣਕਾਰ ਦਾ ਨਿਰਮਾਣ ਕਰਨ ਲਈ ਤੁਹਾਨੂੰ HTML ਐਲੀਮੈਂਟ ਨੂੰ ਲੱਭਣ ਦੀ ਜ਼ਰੂਰਤ ਹੋਏਗੀ ਜਿਸ ਨੂੰ ਤੁਸੀਂ ਕੈਪਚਰ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ. ਟੀਚੇ ਦੇ ਵੈੱਬਪੇਜ ਦੇ ਸਰੋਤ ਤੇ ਇਹ ਵੇਖਣ ਲਈ. ਜਿਸਦੀ ਇੱਕ ਉਦਾਹਰਣ ਹੇਠਾਂ ਦਰਸਾਈ ਗਈ ਹੈ.

<div id="features">
	<h4>Acme Camera</h4>
	<label>Price</label>$399<br />
	<label>Rating</label>4.5 out of 5
</div>
<p>Cras ut velit sed purus porttitor aliquam. Nulla tristique magna ac libero tempor, ac vestibulum felisvulput ate. Nam ut velit
risus porttitor tristique at ac diam. Sed nisi risus, rutrum a metus suscipit, euismod tristique nulla. Etiam venenatis rutrum
blandit. In hac habitasse platea dictumst. Suspendisse potenti. Phasellus eget vehicula felis.</p>

ਇਸ ਲਈ ਉਦਾਹਰਣ ਲਈ ਸਿਰਫ ਉੱਪਰ ਦਿੱਤੇ ਡਿਵ ਦੀ ਸਕ੍ਰੀਨਸ਼ਾਟ ਲਈ features, ਤੁਹਾਨੂੰ ਡਾ downloadਨਲੋਡ ਕਰ ਸਕਦੇ ਹੋ GrabzIt ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਲਾਇਬ੍ਰੇਰੀ ਅਤੇ ਫਿਰ ਹੇਠਾਂ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਕੋਡ ਦੀ ਵਰਤੋਂ ਕਰੋ.

HTML ਐਲੀਮੈਂਟ ਨੂੰ ਚਿੱਤਰ ਵਿੱਚ ਬਦਲੋ
HTML ਐਲੀਮੈਂਟ ਨੂੰ PDF ਵਿੱਚ ਬਦਲੋ
HTML ਐਲੀਮੈਂਟ ਨੂੰ DOCX ਵਿੱਚ ਬਦਲੋ

ਇਹ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਇਸਦੇ ਨਾਲ ਨਤੀਜਾ ਚਿੱਤਰ ਸਕ੍ਰੀਨਸ਼ਾਟ ਨੂੰ ਉਸੇ ਹਿਸਾਬ ਨਾਲ ਆਟੋਮੈਟਿਕ ਕਰਦਾ ਹੈ ਜੋ ਟੀਚੇ ਵਾਲੇ HTML ਤੱਤ ਨੂੰ ਸੈਟ ਕਰਕੇ bheight, height ਅਤੇ width ਪੈਰਾਮੀਟਰ to -1. ਜਦੋਂ ਪੇਜ ਲੋਡ ਹੁੰਦਾ ਹੈ ਤਾਂ ਇੱਕ ਚਿੱਤਰ ਸਕਰੀਨਸ਼ਾਟ ਉਸੇ ਥਾਂ ਤੇ ਬਣਾਇਆ ਜਾਵੇਗਾ script ਟੈਗ. ਇਹ ਦੇ ਸਾਰੇ ਭਾਗ ਸ਼ਾਮਲ ਕਰੇਗਾ features ਭਾਗ ਅਤੇ ਹੋਰ ਕੁਝ ਨਹੀਂ.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/grabzit.min.js"></script>
<script type="text/javascript">
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.example.com/my-page.html",
{"target": "#features", "bheight": -1, "height": -1, "width": -1}).Create();
</script>

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/grabzit.min.js"></script>
<script type="text/javascript">
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.example.com/my-page.html",
{"target": "#features", "format": "pdf"}).Create();
</script>

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/grabzit.min.js"></script>
<script type="text/javascript">
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.example.com/my-page.html",
{"target": "#features", "format": "docx"}).Create();
</script>

ਬੇਸ਼ਕ, ਤੁਸੀਂ HTML ਐਲੀਮੈਂਟਸ ਨੂੰ ਵੀ ਕੈਪਚਰ ਕਰ ਸਕਦੇ ਹੋ ਜਦੋਂ HTML ਨੂੰ ਇੱਕ ਚਿੱਤਰ, PDF ਜਾਂ DOCX ਵਿੱਚ ਤਬਦੀਲ ਕਰਦੇ ਹੋ. ਬਸ ਵਿਧੀ ਨੂੰ ਤਬਦੀਲ ਕਰੋ ConvertURL ਨਾਲ ConvertHTML ਉਪਰੋਕਤ

ਗਤੀਸ਼ੀਲ ਸਮੱਗਰੀ ਨੂੰ ਕੈਪਚਰ ਕਰਨਾ

ਅਕਸਰ ਤੁਸੀਂ ਪੇਜ ਦੀ ਸਮਗਰੀ ਨੂੰ ਉਪਭੋਗਤਾ ਦੇ ਬਾਅਦ ਪ੍ਰਾਪਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ intਇਸ ਨੂੰ ਕਿਸੇ ਤਰੀਕੇ ਨਾਲ ਕੱractedਿਆ, ਉਦਾਹਰਣ ਲਈ ਇੱਕ ਫਾਰਮ ਭਰਨ ਤੋਂ ਬਾਅਦ. GrabzIt ਤੁਹਾਨੂੰ ਇਹ ਪ੍ਰਦਾਨ ਕਰਕੇ ਅਜਿਹਾ ਕਰਨ ਦੇ ਯੋਗ ਕਰਦਾ ਹੈ ConvertPage .ੰਗ. ਇਹ ਵੈਬ ਪੇਜ ਦੇ ਮੌਜੂਦਾ HTML ਨੂੰ ਵੈੱਬ ਪੇਜ ਦੇ URL ਦੇ ਨਾਲ ਗਰੈਬਜ਼ਿਟ ਭੇਜਦਾ ਹੈ. ਫਿਰ ਇਸ ਨੂੰ ਇਕ ਬ੍ਰਾ inਜ਼ਰ ਵਿਚ ਬਣਾ ਕੇ ਬਦਲਿਆ ਜਾਂਦਾ ਹੈ into ਇੱਕ ਚਿੱਤਰ, DOCX ਜਾਂ PDF ਦਸਤਾਵੇਜ਼.

ਪਰ ਕ੍ਰਮ ਵਿੱਚ ਕਿਸੇ ਵੀ ਸਰੋਤ ਨੂੰ ਹੱਲ ਕਰੋ ਜਿਵੇਂ ਕਿ CSS ਜਾਂ ਚਿੱਤਰ ਜੋ URL ਦੇ ਰਾਹੀਂ ਦਰਸਾਏ ਜਾਂਦੇ ਹਨ. ਇਸ methodੰਗ ਨੂੰ ਵੈਬ ਪੇਜ ਤੇ ਪਹੁੰਚਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ ਜਿਸ ਤੇ ਪਹੁੰਚਯੋਗ ਹੈ intਅਰਨੇਟ

<div id="divSection">
    <form id="myForm">
        <label>Name</label><input type="text" name="name" />
        <label>Age</label><input type="text" name="age" />
        <input type="button" value="Save"/>
    </form>
</div>

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

ਗਤੀਸ਼ੀਲ ਸਮੱਗਰੀ ਨੂੰ ਚਿੱਤਰ ਵਿੱਚ ਬਦਲੋ
ਗਤੀਸ਼ੀਲ ਸਮੱਗਰੀ ਨੂੰ PDF ਵਿੱਚ ਬਦਲੋ
ਗਤੀਸ਼ੀਲ ਸਮੱਗਰੀ ਨੂੰ DOCX ਵਿੱਚ ਬਦਲੋ

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage({"target": "#divSection", "bheight": -1, "height": -1, "width": -1}).Create();
</script>

ਇੱਕ ਐਚਡੀਐਮਐਲ ਐਲੀਮੈਂਟ ਨੂੰ ਨਿਸ਼ਾਨਾ ਬਣਾਉਂਦੇ ਸਮੇਂ ਇੱਕ ਪੀਡੀਐਫ ਕਿਵੇਂ ਤਿਆਰ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਇਨ੍ਹਾਂ ਤਕਨੀਕਾਂ ਦੀ ਵਰਤੋਂ ਨਾਲ ਨਿਯੰਤਰਿਤ.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage({"target": "#divSection", "format": "pdf"}).Create();
</script>

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage({"target": "#divSection", "format": "docx"}).Create();
</script>

ਵੈਬਸਾਈਟ ਦੀ ਪ੍ਰਕਿਰਤੀ ਦੇ ਅਧਾਰ ਤੇ ਜੋ ਤੁਸੀਂ ਕੈਪਚਰ ਕਰ ਰਹੇ ਹੋ ਤੁਸੀਂ ਸਮੱਗਰੀ ਨੂੰ ਕੈਪਚਰ ਕਰਨ ਲਈ ਵੀ ਇਸ ਪਹੁੰਚ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਇੱਕ ਲਾਗਇਨ ਦੇ ਪਿੱਛੇ. ਉਪਰੋਕਤ ਪਹੁੰਚ ਦਾ ਇਸਤੇਮਾਲ ਕਰੋ, ਜਿਵੇਂ ਕਿ ਲੋੜੀਦੇ ਟੀਚੇ ਦੇ ਮਾਪਦੰਡਾਂ ਦੇ ਨਾਲ ਜਾਂ ਬਿਨਾਂ. ਫਿਰ ਜਦੋਂ ਤੱਕ ਪੰਨੇ ਦੇ ਸਰੋਤ ਕਿਸੇ ਵੀ ਤਰੀਕੇ ਨਾਲ ਪ੍ਰਤਿਬੰਧਿਤ ਨਹੀਂ ਹਨ ਤੁਹਾਨੂੰ ਉਪਭੋਗਤਾ ਦੁਆਰਾ ਵੇਖੀ ਗਈ ਵੈਬਪੇਜ ਸਮੱਗਰੀ ਨੂੰ ਕੈਪਚਰ ਕਰਨ ਦੇ ਯੋਗ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ.