Bu yazı Hasan ERYILMAZ tarafından 26.01.2020 tarihinde Browser.HasCoding kategorisine yazıldı. Kullanıcı komut dosyaları

makale içerik

HasCoding Browser Kullanıcı Komut Dosyası

Kullanıcı komut dosyaları, her sayfa yüklendiğinde çalışacak olan Javascript snippet'leri oluşturmanıza ve sayfanın davranışını değiştirmenize olanak tanır.

Bir kullanıcı metni oluşturmak için önce tarayıcı verilerinizin depolandığı klasörü bulun. İşletim sisteminize bağlı olarak, aşağıdaki konumlardan birinde bulunur:

  • ~/library/application support/hasbrowser on macOS
  • usersusernameappdataroaminghasbrowser on Windows
  • /home/username/.config/hasbrowser on Linux.

Bu klasörü açtıktan sonra userscripts adında yeni bir klasör oluşturun.

 

Bu klasörün içine komut dosyalarınızı ekleyebilirsiniz. Belirli bir web sitesinde çalışacak bir komut dosyası oluşturmak için web sitesini dosya adı olarak kullanın. Örneğin, yalnızca Youtube'da çalışacak bir komut dosyası oluşturmak için youtube.com.js adlı bir dosya oluşturabilirsiniz. Ayrıca, her web sitesinde çalışacak bir global.js dosyası da oluşturabilirsiniz.

Bir betiği birden çok web sitesinde çalıştırmak için, global.js dosyasına kodunuzu ekleyin ve betiğin çalıştırılıp çalıştırılmayacağına karar vermek için window.location özelliğini kullanın. Örneğin:

 

if (window.location.hostname === "example.com" || window.location.hostname === "a.com") {
  //kodunuzu buraya yerleştirin
}

 

Örnek bir global.js dosyası

/ * Örnek 1 - Her 1 dakikada bir belirtilen ana bilgisayarla sekmeyi / sayfayı yenile * /


if (window.location.hostname === "www.google.com") {
  setTimeout(function(){
   window.location.reload(1);
}, 60000);
}

/ * Örnek 2 - 1 dakikada bir belirtilen URL'ye sahip sekmeyi / sayfayı yenile * /

if (window.location.toString() === "https://hascoding.com") {
  setTimeout(function(){
   window.location.reload(1);
}, 60000);
}

/* Örnek 3 - HasBrowser'daki herhangi bir sayfaya karanlık bir tema ekler*/

if (window.location.protocol !== 'file:') {
  var style = document.createElement('style')

  style.textContent = `
  html {
    background-color: #ddd;
    filter: hue-rotate(180deg) invert(100%) !important;
  }
  body {
    margin: 0;
    background-color: #ddd;
    /* twitter.com */
    min-height: 100vh;
  }
  
  iframe, img, video, canvas {
  filter: hue-rotate(180deg) invert(100%) !important;
  }
  `

  document.head.appendChild(style)
}

 

/*Örnek 4 - Sol alt köşeye üzerine gelinen linkin adresini yazdıran kod*/


 

var tooltip;

 

function showTooltipFor(link) {

    if (tooltip) {

        tooltip.remove();

    }

    tooltip = document.createElement("div");

    tooltip.setAttribute("style", `

    position: fixed;

    bottom: 0;

    left: 0;

    background: #fff;

    border: 1px #ccc solid;

    border-top-right-radius: 3px;

    padding: 0.2em;

    font-family: sans-serif;

    font-weight: norma;

    font-size: 13px;

    pointer-events: none;

    white-space: nowrap;

    max-width: 400px;

    text-overflow: ellipsis;

    overflow: hidden;

    color: black;

    `)

 

    tooltip.textContent = link;

    document.body.appendChild(tooltip);

}

 

document.body.addEventListener("mouseover", function (e) {

    var target = e.target;

    while (target) {

        if (target.tagName === "A") {

            showTooltipFor(target.href);

            tooltipTarget = target;

 

            var func = function () {

                tooltip.remove();

                target.removeEventListener("mouseleave", func);

            }

            target.addEventListener("mouseleave", func);

 

            break;

        }

        target = target.parentNode;

    }

})

 

 

 

 

 

Anahtar Kelimeler : HasCoding,Browser,Kullanıcı,Komut,Dosyası