વેબને કેપ્ચર અને કન્વર્ટ કરવા માટેનાં સાધનો

જાવાસ્ક્રિપ્ટ સ્ક્રીનશshotટ એપી સાથે ડિવિ ક Captપ્ચર કરો

જાવાસ્ક્રિપ્ટ એપીઆઇ

એક સામાન્ય આવશ્યકતા એ છે કે કેવી રીતે HTML પૃષ્ઠમાં એક જ HTML ઘટકની સામગ્રીને કેપ્ચર કરવી. દા.ત. ડિવ, સ્પેન અથવા કેનવાસ તત્વ.

જો કે, તમે ક્લાયંટ સાઇડ કોડનો ઉપયોગ કરીને એક પણ HTML તત્વને કેપ્ચર કરી શકો તે પહેલાં. જેમ કે એક છબી, પીડીએફ અથવા ડીઓએક્સએક્સ સ્ક્રીનશોટ. તમારે જરૂર પડશે મફત માટે સાઇન અપ કરો અને પછી અમારા ડાઉનલોડ કરો મફત જાવાસ્ક્રિપ્ટ લાઇબ્રેરી.

એકવાર આ થઈ જાય તે પછી, HTML તત્વને કેપ્ચર કરવું સરળ છે. તમારે ફક્ત પાસ કરવાની જરૂર છે સીએસએસ પસંદગીકાર તત્વ કે જે તમે મેળવવા માંગો છો લક્ષ્ય પરિમાણ

તમારા સીએસએસ પસંદગીકારનું નિર્માણ કરવા માટે, તમારે કેપ્ચર કરવા માંગતા હો તે 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, તમે ડાઉનલોડ કરી શકો છો GrabzIt જાવાસ્ક્રિપ્ટ લાઇબ્રેરી અને પછી નીચે જાવાસ્ક્રિપ્ટ કોડનો ઉપયોગ કરો.

આ જાવાસ્ક્રિપ્ટ વધુમાં, પરિણામી ઇમેજ સ્ક્રીનશshotટને સેટ કરીને લક્ષિત એચટીએમએલ તત્વ જેવા સમાન પરિમાણોમાં સ્વચાલિત કરે છે bheight, height અને width પરિમાણો to -1. જ્યારે પૃષ્ઠ લોડ થાય છે ત્યારે એક છબી સ્ક્રીનશોટ તે જ સ્થાને બનાવવામાં આવશે script ટ .ગ. આમાંની બધી સામગ્રી શામેલ હશે features ડિવ અને બીજું કંઈ નહીં.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/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@/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@/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 તત્વોને પણ કેપ્ચર કરી શકો છો. ફક્ત પદ્ધતિ બદલો ConvertURL સાથે ConvertHTML ઉપર

ગતિશીલ સામગ્રીને કબજે કરી રહ્યા છીએ

ઘણીવાર તમે વપરાશકર્તાની પાસે પછી પૃષ્ઠ સામગ્રીને કબજે કરવા માંગો છો intદાખલા તરીકે, ફોર્મ ભર્યા પછી, તેની સાથે કોઈક રીતે ઇરેક્ટ કર્યું. GrabzIt તમને પ્રદાન કરીને આ કરવા માટે સક્ષમ કરે છે ConvertPage પદ્ધતિ. આ વેબ પૃષ્ઠના યુઆરએલ સાથે વેબ પૃષ્ઠના વર્તમાન એચટીએમએલને ગ્રેબઝિટ પર મોકલે છે. તે પછી તેને બ્રાઉઝરમાં ફરીથી બનાવે છે અને રૂપાંતરિત કરવામાં આવે છે into એક છબી, DOCX અથવા પીડીએફ દસ્તાવેજ.

જોકે ક્રમમાં સીએસએસ અથવા છબીઓ જેવા કોઈપણ સંસાધનો ઉકેલો કે જે URL દ્વારા સંદર્ભ આપવામાં આવે છે. આ પદ્ધતિને onક્સેસિબલ વેબ પૃષ્ઠ પર ક beલ કરવી આવશ્યક છે 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" data-gt-translate-attributes='[{"attribute":"value","format":"json"}]' value="Save"/>
    </form>
</div>

ઉદાહરણ વેબપૃષ્ઠના સ્રોતની એક નકલ બનાવે છે, તેને કોઈપણ ફોર્મ મૂલ્યો સાથે અપડેટ કરે છે અને તેને રૂપાંતરિત કરવા માટે ગ્રાબઝિટ પર પસાર કરે છે. આપણે ફક્ત ડીવી કેપ્ચર કરવા માગીએ છીએ divSection, ઉપર બતાવ્યા પ્રમાણે આપણે તેને લક્ષ્ય તરીકે પસાર કરી રહ્યા છીએ. જો કે તમે JSON પરિમાણોને નિર્દિષ્ટ કરી શક્યા નહીં અને સમગ્ર વેબપૃષ્ઠને કેપ્ચર કરી શક્યું નહીં કારણ કે તે વપરાશકર્તા દ્વારા અપડેટ કરવામાં આવ્યું છે.

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

જ્યારે HTML તત્વને લક્ષ્ય બનાવવું હોય ત્યારે પીડીએફ કેવી રીતે કાપવામાં આવે છે આ તકનીકોનો ઉપયોગ કરીને નિયંત્રિત.

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

તમે કેપ્ચર કરી રહ્યાં છો તે વેબસાઇટની પ્રકૃતિના આધારે તમે તે સામગ્રીને કેપ્ચર કરવા માટે પણ આ અભિગમનો ઉપયોગ કરી શકો છો લ behindગિન પાછળ. ઉપરોક્ત અભિગમનો ઉપયોગ ફક્ત ઇચ્છિત લક્ષ્ય પરિમાણો સાથે અથવા વિના કરો. પછી જ્યાં સુધી પૃષ્ઠ સ્રોતો કોઈપણ રીતે પ્રતિબંધિત ન હોય ત્યાં સુધી તમે વપરાશકર્તા દ્વારા જોયેલી વેબપેજ સામગ્રીને કેપ્ચર કરવામાં સમર્થ હોવા જોઈએ.