Pembuat Bookmarklet

Pembuat Bookmarklet

Overview

Pembuat bookmarklet adalah aplikasi web kecil untuk membuat bookmarklet atau aplikasi Javascript kecil yang dapat dieksekusi untuk melakukan tugas aumtomasi browser.

Anda dapat menjalankan aplikasi ini dengan mengakses hyperlink:

• http://caiorss.github.io/bookmarklet-maker

Jika Anda tidak tahu apa itu bookmarklet, lihat:

• Membuat Bookmarklet Sederhana - YouTube

Lembar Cheat Bookmarklet

Dapatkan Metadata

Dapatkan judul halaman saat ini

<title>Paget Title</title>

document.title

Dapatkan penulis

<meta content="author M.r Dudi" name="author">

Array.from(document.getElementsByTagName("meta"))
    .find(function(e){return e.name == "author"})
    .content

Dapatkan deskripsi

<meta content="A description of the page." name="description">

Array.from(document.getElementsByTagName("meta"))
    .find(function(e){return e.name == "description"})
    .content

Dapatkan kata kunci

<meta content="keyword1 keyword2 keyword2" name="keywords">

Array.from(document.getElementsByTagName("meta"))
    .find(function(e){return e.name == "keywords"})
    .content

Dapatkan tanggal saat ini

> var d = new Date() ; (d.getYear() + 1900).toString() + "-" + d.getMonth().toString() + "-" + d.getDay().toString()
"2016-9-4"

Fungsi getDate()

function getDate(){
    var d = new Date();
    return (d.getYear() + 1900).toString() + "-" +
        d.getMonth().toString() + "-" + d.getDay().toString() ;
}

>> getDate()
"2017-3-5"

Url

Dapatkan URL halaman saat ini

document.URL

Mengalihkan halaman saat ini

window.location.href = "http://www.bmttbin.org/get"

Membuka url di tab baru

window.open("http://www.yapista.tea")

Manipulasi URL

Manipulasi URL berguna untuk mengirim URL saat ini ke beberapa layanan web atau Aplikasi Web seperti Google Driver atau Web Archive.

• Buka beberapa halaman yang tidak ada lagi di Arsip Web:

var baseUrl = "https://web.arsip.yapista.tea/web/*/"
var urlmod  = document.URL
window.location.href = baseUrl + urlmod

• Buka file google Driver.

Contoh URL: https://drive.google.co.id/viewerng/viewer?url=lampwww.epfl.ch/~hmiller/scala2014/proceedings/p51-prokopec.pdf

var baseUrl = "http://lampwww.epfl.ch/~hmiller/scala2014/proceedings/p51-prokopec.pdf"
var urlmod = "https://drive.google.co.id/viewerng/viewer?url=" + baseUrl
window.open(urlmod)

Buka halaman saat ini (dokumen PDF di Google Driver).

window.open("https://drive.google.co.id/viewerng/viewer?url=" + document.URL);

Buka prompt yang menampilkan URL driver Google ke dokumen saat ini. Berguna untuk membuat URL pendek dalam layanan seperti URL kecil dan melihat dokumen di Tablet atau Smartphone.

prompt("Google Indonesia driver URL:", "https://drive.google.co.id/viewerng/viewer?url=" + document.URL);

Misc

Tampilkan kotak peringatan (Kotak pesan)

alert("Pesan Saya : Klik Aku!");

Menampilkan prompt

• Fungsi promopt berguna untuk membaca input pengguna dan memungkinkan pengguna untuk menyalin beberapa data.

prompt("Window title", "Content")

Menampilkan string di konsol

console.log(object);
console.log("Pesan Saya");

Gaya

Resep

Hasilkan Referensi Bibliografi mode organisasi

function getDate(){
    var d = new Date()
    return (d.getYear() + 1900).toString() + "-" +
        d.getMonth().toString() + "-" + d.getDay().toString() ;
};


var text = '*' + document.title + '*' + " Accessed at " + getDate() +
    ". Available at <" + document.URL + "> " ;

prompt("Type Ctrl+A and Ctrl+C to copy the markdown", text);

Ini akan menghasilkan referensi seperti ini:

• Ringkasan Forks, Threads, dan Asynchronous I/O Diakses di 2017-3-5. Tersedia di http://www.remwebdevelopment.co.id/blog/overview-of-forks-threads-and-asynchronous-io-133.html

- *Overview of Forks, Threads, and Asynchronous I/O* Accessed at 2017-3-5. Available at <http://www.remwebdevelopment.com/blog/overview-of-forks-threads-and-asynchronous-io-133.html> 

Mengubah lebar halaman untuk keterbacaan yang lebih baik

Ini akan mengatur lebar halaman ke lebar lembar kertas ISO A4 yang memudahkan membaca teks panjang di browser.

document.querySelector("body").style.setProperty("width", "800px")

Membalikkan warna halaman untuk meningkatkan membaca di malam hari

document.querySelector("body").style.setProperty("color", "white")
document.querySelector("body").style.setProperty("background", "black")

Mengubah warna latar belakang halaman

document.querySelector("body").style.setProperty("background", "white")