ਵੈੱਬ ਨੂੰ ਕੈਪਚਰ ਅਤੇ ਕਨਵਰਟ ਕਰਨ ਲਈ ਟੂਲ

ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਦੇ ਨਾਲ ਸਟਾਈਲ ਸਕਰੀਨਸ਼ਾਟ

ਜਾਵਾਸਕ੍ਰਿਪਟ API

ਗਰੈਬਜ਼ਿਟ ਦਾ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਏਪੀਆਈ ਸਾਰੇ ਤਿਆਰ ਕੀਤੇ HTML ਐਲੀਮੈਂਟਾਂ ਨੂੰ CSS ਨਾਲ ਸਟਾਈਲ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ.

ਸ਼ੈਲੀ ਚਿੱਤਰ

ਚਿੱਤਰ ਸਕਰੀਨਸ਼ਾਟ ਦੀ ਵਰਤੋਂ ਸਟਾਈਲ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ displayid ਅਤੇ displayclass ਪੈਰਾਮੀਟਰ. ਇਹ ਮਾਪਦੰਡ ਗਤੀਸ਼ੀਲ ਰੂਪ ਵਿੱਚ ਚਿੱਤਰ ਜਾਂ ਆਬਜੈਕਟ ਵਿਚ ਆਈਡੀ ਜਾਂ ਕਲਾਸ ਐਟਰੀਬਿ .ਟ ਰੈਸਿਸਟਿਵਲੀ ਜੋੜਦੇ ਹਨ. ਹੇਠ ਏ CSS ਕਲਾਸ ਸਕਰੀਨਸ਼ਾਟ ਚਿੱਤਰ ਨੂੰ ਨਿਰਧਾਰਤ ਕੀਤੀ ਗਈ ਹੈ.

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

CSS ਨੂੰ ਫਿਰ ਸਟਾਈਲ ਕਰਨ ਲਈ ਚਿੱਤਰ ਨੂੰ ਨਿਰਧਾਰਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ ਹੇਠਾਂ ਦਿਖਾਇਆ ਗਿਆ ਹੈ.

<style>
.MyClass
{
    border:1px solid red;
}
</style>

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

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
    {"displayid": "myScreenshot", "onfinish": function (id){
        var div = document.getElementById('myScreenshot');
        alert(div.height);
    }}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
    {"displayid": "myScreenshot", "onfinish": function (id){
        var div = document.getElementById('myScreenshot');
        alert(div.height);
    }}).Create();
</script>

ਸ਼ੈਲੀ ਗਲਤੀ ਸੁਨੇਹੇ

ਗਲਤੀ ਸੰਦੇਸ਼ਾਂ ਦੀ ਵਰਤੋਂ ਸਟਾਈਲ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ errorid ਅਤੇ errorclass ਪੈਰਾਮੀਟਰ. ਇਹ ਪੈਰਾਮੀਟਰ ਆਰਜੀ ਤੌਰ ਤੇ ਗਲਤੀ ਵਾਲੇ ਸੰਦੇਸ਼ ਵਿੱਚ id ਜਾਂ ਕਲਾਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਆਰਜੀ ਤੌਰ ਤੇ ਜੋੜਦੇ ਹਨ <span> ਐਲੀਮੈਂਟ, ਜਦੋਂ ਕਿ ਮੂਲ ਗਲਤੀ ਸ਼ੈਲੀ ਨੂੰ ਹਟਾਉਣ ਸਮੇਂ.

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

ਗਲਤੀ ਸੁਨੇਹੇ ਨੂੰ ਫਿਰ ਸਟੀਲ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ ਹੇਠਾਂ ਦਿਖਾਇਆ ਗਿਆ ਹੈ.

<style>
.MyErrorClass
{
    font-weight:bold;
}
</style>

ਬੇਸ਼ਕ ਜੇ ਇਸ ਨੂੰ. ਨਾਲ ਜੋੜ ਕੇ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਹਮਲਾ ਘਟਨਾ ਦੇ ਬਾਅਦ ਗਲਤੀ ਸੁਨੇਹੇ ਨੂੰ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਨਾਲ ਵੀ ਚਲਾਇਆ ਜਾ ਸਕਦਾ ਹੈ. ਹੇਠ ਏ errorid ਨਿਰਧਾਰਤ ਕੀਤੀ ਗਈ ਹੈ ਤਾਂ ਕਿ ਗਲਤੀ ਸੁਨੇਹੇ ਦੀ ਮਿਆਦ ਨੂੰ onerror ਕਾਰਜ. ਇਹ ਫੰਕਸ਼ਨ ਤਦ ਐਰਰ ਮੈਸੇਜ ਨੂੰ ਬਦਲ ਦਿੰਦਾ ਹੈ ਜੇ ਕੋਈ ਗਲਤੀ ਕੋਡ ਵਾਪਸ ਕਰ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
    {"errorid": "myErrorMessage", "onerror": function (message, code){
        if (code == 500)
        {
            var span = document.getElementById('myErrorMessage');        
            if (span != null)
            {
                span.innerHTML = "Oops! We will get this sorted!";
            }
        }
    }}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
    {"errorid": "myErrorMessage", "onerror": function (message, code){
        if (code == 500)
        {
            var span = document.getElementById('myErrorMessage');        
            if (span != null)
            {
                span.innerHTML = "Oops! We will get this sorted!";
            }
        }
    }}).Create();
</script>