ویب پر گرفت اور تبدیل کرنے کے اوزار

جاوا اسکرپٹ کے ساتھ ویب سائٹ اسکرین شاٹس لیںجاوا اسکرپٹ API

۔ تشخیصی پینل آپ کوڈ کو ڈیبگ کرنے میں مدد کرسکتا ہے!

GrabzIt جاوا اسکرپٹ API کا استعمال تصویر ، DOCX یا پی ڈی ایف اسکرین شاٹس ، اور ساتھ ہی ساتھ لگانے کا آسان ترین طریقہ ہے متحرک GIF تبادلوں پر ویڈیو اور زیادہ intاے آپ کی ویب سائٹ صرف کی ضرورت ہے GrabzIt جاوا اسکرپٹ لائبریری، جاوا اسکرپٹ کوڈ کی ایک لائن اور کچھ GrabzIt جادو!

پہلے سے طے شدہ طور پر ایک بار کیپچر بننے کے بعد یہ آپ کے پیکیج کے ذریعہ طے شدہ وقت کے لئے ہمارے سرورز پر محفوظ رہے گا۔ پھر اگر گرجزٹ کے جاوا اسکرپٹ API پر کال اسی اسکرین شاٹ جیسے پیرامیٹرز کا استعمال کرتے ہوئے کی گئ ہو جو اس کے بجائے واپس کردی جائے گی ، تاکہ آپ کے اسکرین شاٹ الاؤنس کو غیرضروری طور پر استعمال کرنے سے روکا جاسکے۔ اس سلوک کو استعمال کرکے غیر فعال کیا جاسکتا ہے کیشے پیرامیٹر.

شروع

جاوا اسکرپٹ API کے ساتھ شروع کرنے کے لئے ان اقدامات پر عمل کریں:

  1. اپنا مفت حاصل کرو درخواست کلید.
  2. مفت ڈاؤن لوڈ کریں جاوا اسکرپٹ لائبریری اور آزمائیں ڈیمو ایپ.
  3. مندرجہ ذیل جائزہ کو پڑھ کر GrabzIt کا جاوا اسکرپٹ API کس طرح کام کرتا ہے اس کے بارے میں بنیادی باتیں معلوم کریں۔

دوسرے لوگوں کو صرف جاوا اسکرپٹ کوڈ کی کاپی کرنے اور اپنے GrabzIt اکاؤنٹ کے تمام وسائل چوری کرنے سے روکنے کے ل you ، آپ کو لازمی طور پر کون سے ڈومینز کو مجاز بنائیں آپ کی درخواست کی کو استعمال کرسکتے ہیں۔

سب سے آسان مثال

ڈاؤن لوڈ شروع کرنے کے لئے GrabzIt جاوا اسکرپٹ لائبریری اور شامل کریں grabzit.min.js ویب پیج میں لائبریری آپ چاہتے ہیں کہ گرفتاری ظاہر ہو یا اس کے CDN ورژن کا حوالہ شامل ہو grabzit.min.js جیسا کہ ذیل میں دکھایا گیا ہے لائبریری پھر اپنے ویب پیج کے باڈی ٹیگ میں اسکرین شاٹ شامل کرنے کے لئے نیچے کا کوڈ شامل کریں۔ آپ کو تبدیل کرنے کی ضرورت ہوگی APPLICATION KEY آپ کے ساتھ درخواست کلید اور تبدیل کریں https://www.tesla.com اس ویب سائٹ کے ساتھ جس کا آپ اسکرین شاٹ لینا چاہتے ہیں۔

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com").Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>").Create();
</script>

پھر محض تھوڑی دیر انتظار کریں اور ویب صفحہ کو دوبارہ لوڈ کرنے کی ضرورت کے بغیر ، تصویر خود بخود صفحہ کے اوپری حصے میں نمودار ہوجائے گی۔ اگرچہ یہ تصویر براؤزر میں تیار کی گئی ہے لیکن پھر بھی آپ اسے استعمال کرسکتے ہیں یہ تکنیک save آپ کے اپنے سرور پر گرفت اگر آپ چاہیں۔

اگر آپ GrabzIt کو ES6 ماڈیول کے بطور استعمال کرنا چاہتے ہیں تو آپ اسے استعمال کرسکتے ہیں تکنیک، اس کے علاوہ کہ کس طرح GrabzIt کو آپ کے جاوا اسکرپٹ میں شامل کیا گیا ہے ، یہ بالکل اسی طرح کام کرے گا جیسے یہاں تفصیل میں ہے۔

اپنے اسکرین شاٹس کو حسب ضرورت بنانا

جب کہ دیگر تمام ، درخواست کلید اور URL یا HTML پیرامیٹرز کی ضرورت ہے پیرامیٹرز اختیاری ہیں. آپ کے مطلوبہ ہر اختیاری پیرامیٹر کے لئے مندرجہ ذیل فارمیٹ میں JSON لغت کی حیثیت سے پیرامیٹر کو اپنی قدر کے ساتھ جوڑ کر ایک پیرامیٹر شامل کیا جاتا ہے۔

مثال کے طور پر اگر آپ ایک PNG فارمیٹ میں 400px کی چوڑائی اور 400px کی اونچائی والا اسکرین شاٹ لینا چاہتے ہیں اور اسکرین شاٹ لینے سے پہلے 10 سیکنڈ انتظار کرنا چاہتے ہیں تو آپ مندرجہ ذیل کام کریں گے۔

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
{"width": 400, "height": 400, "format": "png", "delay", 10000}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
{"width": 400, "height": 400, "format": "png", "delay", 10000}).Create();
</script>

چونکہ جاوا اسکرپٹ API کے ویب پیج کے HTML تک آسان رسائی ہے یہ گرفت کرنے کے ل. بھی مثالی ہے متحرک ویب صفحہ کا مواد یا مواد لاگ ان کے پیچھے.

پی ڈی ایف بنانا اور بہت کچھ

کسی اور طرح کی گرفتاری جیسے پی ڈی ایف ، ڈوکس ، سی ایس وی ، جے ایس اوون یا ایکسل اسپریڈشیٹ بنانے کے ل the مطلوبہ فارمیٹ کی وضاحت کریں اور یہ خود بخود بن جائے گی۔ مثال کے طور پر مندرجہ ذیل مثالوں میں ہم بالترتیب یو آر ایل اور ایچ ٹی ایم ایل سے ڈوکس ایکس اور پی ڈی ایف دستاویزات تیار کررہے ہیں ، پھر یہ خود بخود یوزر براؤزر پر ڈاؤن لوڈ ہوجاتے ہیں۔

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
{"format": "pdf", "download": 1}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
{"format": "pdf", "download": 1}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
{"format": "docx", "download": 1}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
{"format": "docx", "download": 1}).Create();
</script>

یہ یاد رکھنا ضروری ہے پیرامیٹر ڈاؤن لوڈ کریں کسی بھی قسم کی گرفتاری ، جیسے کسی DOCX ، PDF ، PNG ، JPG یا CSV کو خود بخود ڈاؤن لوڈ کرنے کے لئے استعمال کیا جاسکتا ہے۔

عناصر میں اسکرین شاٹس شامل کرنا

۔ AddTo ذیل میں طریقہ کار کسی عنصر یا DOM عنصر کی شناخت کو HTML دستاویز کے اندر موجود مقام کے بطور تصویر یا پی ڈی ایف کیپچر کو شامل کرنے کے لئے قبول کرتا ہے۔ مندرجہ ذیل مثال میں اسکرین شاٹ کو شامل کیا جائے گا insertCode تقسیم

آخر میں کسی بھی مطلوبہ پاس پیرامیٹرز ایک JSON لغت کے طور پر ConvertURL or ConvertHTML طریقوں. مثال کے طور پر تاخیر کو 1000ms اور فارمیٹ کو PNG پر سیٹ کیا گیا ہے۔ تاہم اگر آپ کو کسی اور اضافی اختیارات کی ضرورت نہیں ہے تو آپ کو یہ پیرامیٹر بالکل بھی بتانے کی ضرورت نہیں ہے۔

<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
</head>
<body>
<div id="insertCode"></div>
<script type="text/javascript">
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.yahoo.com", {"delay": 1000, "format": "png"}).AddTo("insertCode");
</script>
</body>
</html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
</head>
<body>
<div id="insertCode"></div>
<script type="text/javascript">
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>", 
{"delay": 1000, "format": "png"}).AddTo("insertCode");
</script>
</body>
</html>

گرفتاریوں کو ڈیٹا URI میں تبدیل کرنا

۔ DataURI ذیل میں طریقہ ایک کال بیک فنکشن کو قبول کرتا ہے ، اس تقریب کے بعد اسکرین شاٹ یا کیپچر کا بیس ایکس این ایم ایکس ایکس ڈیٹا یو آر آئی پاس ہوجائے گا جب آپ کے جاوا اسکرپٹ کی درخواست کو گرفتاری پر مزید قابو پانے کی اجازت دے دی جائے گی۔

<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
</head>
<body>
<div id="datauri" style="width:100%;word-break:break-all"></div>
<script type="text/javascript">
function callback(dataUri)
{
    document.getElementById('datauri').innerHTML = dataUri;
}
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.yahoo.com").DataURI(callback);
</script>
</body>
</html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
</head>
<body>
<div id="datauri" style="width:100%;word-break:break-all"></div>
<script type="text/javascript">
function callback(dataUri)
{
    document.getElementById('datauri').innerHTML = dataUri;
}
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>").DataURI(callback);
</script>
</body>
</html>

GrabzIt طریقے

شروع کرنے کے لئے آپ کو مندرجہ ذیل تین طریقوں میں سے کسی ایک کو منتخب کرنا ہوگا جس کی نشاندہی کرنے کے لئے کہ آپ کیا تبدیل کرنا چاہتے ہیں۔

پھر ان میں سے ایک یا زیادہ سے زیادہ طریقوں کا انتخاب کریں ، یہ بتانے کے لئے کہ آپ کیپچر کو کس طرح تیار کرنا چاہتے ہیں۔

  • UseSSL() -. زبردستی بنانا SSL استعمال کرنے کی درخواست.
  • Encrypt() - خود بخود ایک گرفت کو خفیہ نگاری سے محفوظ کلید کے ساتھ خفیہ کریں۔
  • AddPostVariable(name, value) - ایک HTTP پوسٹ پیرامیٹر اور اختیاری قدر کی وضاحت کرتا ہے ، اس طریقہ کو متعدد پیرامیٹرز شامل کرنے کے لئے متعدد بار کہا جاسکتا ہے۔ اس طریقے کو استعمال کرنے سے گربزآاٹ پر مجبور ہوجائے گا ایک HTTP پوسٹ انجام دیں.
  • AddTemplateVariable(name, value) -. تعریف کرنا a کسٹم ٹیمپلیٹ پیرامیٹر اور قدر ، اس طریقہ کار کو متعدد پیرامیٹرز شامل کرنے کے لئے متعدد بار کہا جاسکتا ہے۔
  • AddTo([element | element id]) - گرفتاری داخل کرتا ہے intاے مخصوص عنصر
  • Create() - گرفتاری داخل کرتا ہے into باڈی ٹیگ کا آغاز ، یا اگر وہ HTML دستاویز کا بنیادی نوڈ موجود نہیں ہے۔
  • CreateInvisible() - گرفتاری تخلیق کی گئی ہے لیکن ویب صفحے پر نہیں دکھائی گئی۔
  • DataURI([callback function], [decrypt]) - کال بیک فنکشن کے واحد پیرامیٹر میں گرفتاری کا بیس ایکس این ایم ایکس ایکس ڈیٹا یو آر آئی واپس کرتا ہے۔ اگر ڈکرپٹ پیرامیٹر درست ہے تو یہ خود بخود کسی بھی خفیہ کردہ کیپچرز کو ڈکرپٹ کردے گا۔

یہ جاوا اسکرپٹ کوڈ لائبریری مکمل طور پر اوپن سورس ہے! اگر آپ ماخذ کوڈ کو دیکھنا یا اسے بہتر بنانا چاہتے ہیں تو آپ اسے تلاش کرسکتے ہیں GitHub کے.