Meretas browser web Anda dalam 7 langkah mudah

Di mana-mana, muncul ukuran keseragaman - seperti keadaan buruk browser Web modern.

Benar, perbedaan halus dalam fitur, fleksibilitas, dan kinerja mengatur beberapa browser di depan paket untuk penggunaan tertentu. Namun, sebagian besar, menyedot teks dan merender HTML, meskipun luasnya aktivitas komputasi di browser telah meningkat, membuat sebagian besar pengalaman menjelajah serupa, terlepas dari bingkai tempat Anda menjelajah.

[Chrome, Firefox, IE, Opera, atau Safari: Cari tahu browser mana yang menawarkan keseimbangan sempurna antara fitur, kecepatan, inovasi, dan fleksibilitas untuk Anda | Kontributor ahli menunjukkan kepada Anda bagaimana mengamankan browser Web Anda dalam panduan PDF Deep Dive Keamanan Browser Web ini. ]

Masuk ke peretasan peramban - mekanisme yang dengannya pengguna dapat menyesuaikan pengalaman Web mereka dan mengubah kinerja peramban pilihan mereka. Semua browser utama membuat penyesuaian seperti itu mudah, meskipun masing-masing menggunakan mekanisme yang berbeda dan menggunakan label yang berbeda untuk masing-masing. Untuk Internet Explorer, mereka adalah add-on; untuk Opera, widget; di Chrome, ekstensi akan melakukan triknya, seperti yang akan dilakukan di Safari; Firefox sangat terbuka sehingga Anda dapat menyesuaikan pengalaman Anda melalui add-on, ekstensi, jetpacks, persona, plug-in, dan tema.

Apa yang hebat tentang blok kode dan gambar tambahan ini adalah bahwa mereka biasanya dikemas untuk pemasangan yang mudah. Dalam kebanyakan kasus, satu klik memulai proses. Dan ada sedikit alasan untuk mengkhawatirkan mekanisme itu sendiri. Prosesnya bekerja dengan lancar - sebagian besar waktu.

Siapa pun yang ingin menjadikan browser mereka lebih cepat, lebih fungsional, atau sekadar lebih cantik dapat melakukannya dengan mengikuti tujuh langkah berikut untuk mendapatkan pengalaman Web yang lebih kaya.

Langkah 1 ke browser Web yang lebih baik: Kenali platform Anda

Browser sangat berbeda dalam keterbukaannya untuk ditingkatkan. Di antara yang pertama membuka API-nya, Firefox masih menawarkan API terlengkap untuk dinavigasi oleh pemrogram, dengan variasi add-on terluas. Apple, di sisi lain, membuka Safari baru-baru ini. Dengan demikian, pilihan yang jauh lebih sedikit untuk menyesuaikan Safari tersedia.

Kedalaman akses memainkan peran penting dalam kemampuan pengembang untuk menyesuaikan browser juga, seperti yang dicatat oleh pengembang plug-in Jason Barnabe.

"Di Firefox, ekstensi mendapatkan antarmuka dan tingkat akses yang sama seperti Firefox UI, sehingga mereka dapat melakukan banyak hal: mengakses data seperti cookie dan preferensi, mengubah pengaturan, mengubah perilaku," kata Barnabe, salah satu pengembang. dari plugin Stylish untuk Firefox dan Chrome. "Chrome hanya memungkinkan Anda melakukan hal-hal tertentu - dan meskipun hal-hal yang Anda dapatkan berguna, hal itu membatasi kemungkinannya."

Upaya Barnabe untuk menulis ulang Stylish untuk IE mendemonstrasikan faktor pembatas lain yang dihadapi pengembang dalam hal coding plug-in: peningkatan browser yang tidak sesuai dengan masa lalu. IE telah berubah secara dramatis selama beberapa tahun terakhir, kata Barnabe, dan dokumentasi untuk versi sebelumnya tidak membantu dengan versi yang lebih baru.

Bahasa pemrograman juga berperan dalam apa yang ditawarkan pengembang. IE, misalnya, menerima kode yang ditulis untuk .Net, merender pemrogram non-.Net, seperti Barnabe, cenderung tidak mem-port plug-in mereka di semua browser.

Firefox, di sisi lain, menawarkan berbagai cara untuk mengakses data browser. Pengembang dapat membuat plugin menggunakan JavaScript sederhana, atau mereka dapat memahami kedalaman struktur data menggunakan C ++. Joe Hewitt, salah satu pengembang awal Firebug, mengetuk tingkat akses ini untuk membuat platform debugging untuk melihat apa yang terjadi ketika browser memuat halaman.

"Saya harus menulis C ++ dalam jumlah yang cukup untuk menghubungkan ke API yang tidak diekspos melalui JavaScript," kata Hewitt, menambahkan bahwa kerja ekstra itu terbayar. "Firefox tetap menjadi platform terbaik untuk ekstensi karena jumlah daya yang Anda miliki, sementara Chrome dan Safari membuat prosesnya lebih sederhana tetapi membatasi Anda secara signifikan."

Baik Chrome dan Safari menawarkan antarmuka yang lebih sederhana yang dapat lebih mudah digunakan, terutama untuk pemrogram JavaScript. Safari bahkan menawarkan antarmuka yang memecah banyak opsi standar untuk membuat plug-in.

Pemrogram khusus dapat mengatasi banyak keterbatasan API ini, tetapi tidak semua. Misalnya, plugin Cooliris, yang menampilkan konten pada dinding tak terbatas dalam tiga dimensi, bekerja dengan Firefox pada Windows, Mac, dan Linux, tetapi hanya pada Chrome versi Windows.

"Solusi kreatif diperlukan dalam beberapa kasus," kata Austin Shoemaker, salah satu pendiri dan CTO Cooliris. "Terkadang API ekstensi tidak memungkinkan kami memperluas antarmuka pengguna dengan cara yang kami inginkan. Namun, beberapa batasan menyederhanakan API, dan kami biasanya dapat mengatasi batasan ini dalam kode native."

Dengan kata lain, ekstensi yang lebih sederhana, ditulis sekali dalam JavaScript, berjalan di versi browser apa pun dan biasanya dapat dipindahkan dari browser ke browser dengan sedikit kerja. Mereka yang menggali lebih dalam API dan menggunakan kode native mungkin perlu ditulis ulang secara signifikan, menjadikannya berguna dan tersedia di berbagai mesin yang terbatas.

Langkah 2 ke browser Web yang lebih baik: Face-lift

Peretasan yang sebagian besar hanya mengubah apa yang terkadang disebut "kulit" browser. Lift wajah ini adalah tempat termudah untuk memulai.

Firefox menawarkan dua cara untuk mengubah tampilan browser Anda: Persona dan Tema.

Hanya dua file GIF yang diperlukan untuk menyatukan tampilan baru menggunakan mekanisme Persona Firefox. Gambar-gambar ini berada di belakang tombol di header browser, serta di belakang bilah status di dasar jendela. Anda dapat menggunakan plug-in Persona Plus untuk mengatur Persona Anda, atau memilih salah satu dari lebih dari 35.000 Persona yang telah dibuat langsung dari direktori Personas Mozilla.

Lebih rumit lagi, Tema dapat digunakan tidak hanya untuk mengubah gambar yang mendasarinya tetapi juga mengatur ulang tombol di header browser dan bahkan menambahkan yang baru. Ada jauh lebih sedikit Tema daripada Persona yang dapat dipilih, tetapi mereka menawarkan tujuan yang lebih luas. Tema Full Flat, misalnya, menyederhanakan header browser, sementara Mythical Sirens Summer Night mengisi layar Anda dengan warna-warna elektrik. Bagi mereka yang merindukan peramban dari tahun 1990-an, Anda dapat memiliki semua fitur HTML5 terbaru yang ditawarkan Firefox dalam bungkus jadul yang bernostalgia.

Chrome juga dapat dengan mudah didesain ulang dengan bantuan salah satu dari ratusan tema yang tersedia dari Galeri Tema Google. (Ada banyak direktori pihak ketiga untuk dipilih di Web juga.) Selera bervariasi, dan ada pilihan untuk mencocokkan. Arsitek Venturi, Scott dan Brown, tim manajemen Mariah Carey, dan Donna Karan semuanya telah bekerja sama.

Panduan Pembuatan Tema Google menunjukkan cara membuat tema Anda sendiri dari tumpukan gambar. Mekanisme Google jauh lebih terlibat daripada metodologi Persona sederhana Firefox, dan Anda perlu mengedit ratusan gambar untuk menutupi kasus seperti saat pengguna memanggil mode Penyamaran. Setiap tema yang bagus harus bergeser untuk menangani berbagai macam kontingen.

Langkah 3 ke browser Web yang lebih baik: Sesuaikan browser dengan kebiasaan berselancar Anda

Saat Anda perlu mengatur tab browser dengan kecerdasan tertentu, Persona dan Tema tidak cukup membantu. Untuk itu, pengembang add-on Firefox menawarkan lebih dari 400 paket yang ditujukan untuk mengotomatiskan tab. Mereka juga telah mengembangkan lebih dari 1.200 cara untuk menambah dan menyesuaikan toolbar, dan hampir 1.000 lebih add-on untuk mengutak-atik bookmark. Dan kemudian ada ribuan paket lebih yang dikhususkan untuk tampilan browser Anda. Banyak di antaranya menawarkan versi serupa untuk browser selain Firefox.

Sulit untuk merangkum koleksi yang begitu beragam. Banyak, seperti ColorfulTabs, cukup tambahkan warna atau sentuhan kosmetik untuk mengatur kontrol. Cooliris, seperti yang disebutkan di atas, mengambil konten dan menampilkannya di dinding tak terbatas dalam tiga dimensi.

AmazonAssist, eBay Sidebar, dan eBayBuddy menunjukkan bagaimana pengembang menyetel browser ke pedagang tertentu. Dalam beberapa kasus, pengembang plugin ini meminta sumbangan; di tempat lain, mereka menghasilkan uang dari biaya afiliasi.

Mungkin perlu diperhatikan bahwa Opera mendorong widget, halaman Web kecil yang mengambang secara terpisah dan tidak terlihat seperti browser. Meskipun membuat widget tidak mengatur ulang perilaku browser itu sendiri, itu membuat halaman yang dipreteli yang berfokus pada satu tujuan.

Langkah 4 ke browser Web yang lebih baik: Sesuaikan konten agar sesuai dengan kebutuhan Anda

Informasi yang muncul di jendela browser juga merupakan permainan yang adil. Faktanya, banyak pengaya saat ini menjangkau langsung ke pohon DOM untuk mengubah data sehingga lebih mudah dibaca atau berinteraksi. ImTranslator adalah cara populer bagi pengguna Firefox dan IE untuk menyalurkan konten dari halaman Web ke mesin terjemahan Google. Saya selalu menyukai Bubble Translate, ekstensi untuk Chrome yang relatif tidak mengganggu dan praktis, terutama bagi mereka yang membutuhkan bantuan sesekali menerjemahkan satu atau dua kata.

Meskipun belum diperbarui baru-baru ini, Poker Eval untuk Firefox memberikan contoh yang baik tentang bagaimana plug-in dapat menjangkau konten Web dan memberikan informasi berguna berdasarkan apa yang ditemukan di sana - dalam hal ini, peluang matematis untuk memenangkan permainan. Anda telah ditangani di ruang poker online. Lainnya, WikiLook, akan memunculkan jendela kecil dengan entri Wikipedia untuk kata yang dipilih.

Bagi mereka yang ingin meretas konten browser, Greasemonkey sangat penting. Semacam alat pengembang plugin meta, Greasemonkey memungkinkan Anda akses mudah ke DOM. Cukup tulis sedikit JavaScript dan Greasemonkey akan menangani bagian yang lebih menyakitkan saat berinteraksi dengan Firefox. Dengan Greasemonkey, kode Anda dapat mencari melalui DOM dan menerapkan metode apa pun yang ingin Anda tulis. Untuk programmer, ini adalah cara mudah untuk mengubah konten halaman Web yang masuk.

Cara yang lebih mudah untuk memanipulasi browser Anda adalah dengan membuat makro yang mengingat urutan perintah tertentu. iMacros dari iOpus menawarkan makro yang dapat direkam untuk IE, Firefox, dan Chrome. Bahkan tidak perlu mempelajari JavaScript.

Ada sejumlah variasi berbeda tentang gagasan ini. CronZilla, misalnya, memuat URL tertentu pada waktu yang ditentukan.

Langkah 5 ke browser Web yang lebih baik: Hadirkan dunia luar

Penjelajahan tidak boleh dibatasi oleh real estat layar, Anda juga tidak harus beralih di antara tab untuk mengakses informasi yang Anda inginkan.

Bagi kita yang layu memikirkan mengklik jendela lain untuk mengetahui apakah ada yang mengirimi kami email, pengembang ekstensi menawarkan GMail Checker, yang memposting jumlah pesan Gmail yang belum dibaca di kotak masuk Anda di toolbar Chrome. Jika itu tidak cukup, ada GMail Checker Plus bagi mereka yang membutuhkan lebih banyak fitur email yang dikemas dalam pengalaman penjelajahan mereka.

Ada puluhan pembaca feed yang menyedot file RSS dan menampilkan informasi dengan berbagai cara. Feedly untuk Firefox terintegrasi dengan Google Reader dan banyak sumber feed lainnya untuk mengumpulkan informasi terbaru dan mengaturnya di tab. Brief menyediakan cara sederhana untuk berinteraksi dengan umpan RSS, dan StumbleUpon membawa Anda ke suatu tempat secara acak untuk membantu Anda menemukan sesuatu yang baru untuk disukai di Web.

Anda hampir dapat benar-benar membawa dunia ke dalam browser dengan menambahkan salah satu dari beberapa plugin cuaca yang memberi tahu Anda apa yang Anda lewatkan di bilik berpemanas / ber-AC Anda. WeatherBug memiliki lusinan opsi untuk pengaya dan integrasi dengan desktop dan telepon Anda. AniWeather menyediakan animasi untuk membuat semua cuaca yang Anda lewatkan tampak jauh lebih realistis.

Langkah 6 menuju peramban web yang lebih baik: Waspadai batas kepercayaan

Dalam hal meretas peramban, siapa pun yang mengandalkan pekerjaan orang lain harus berhati-hati. Setiap produsen browser memperingatkan penggunanya untuk berhati-hati saat memuat ekstensi - dengan alasan yang bagus. Pengaya yang canggih dapat memeriksa sistem Anda dan membaca dokumen yang tidak ingin Anda bagikan. Beberapa bahkan akan memasang malware. Beberapa adalah malware itu sendiri.

Peringatan ini sulit untuk dipraktikkan karena tidak ada cara mudah untuk membaca kode untuk plugin ini. Direktori utama cukup bagus dalam mencegah plug-in berbahaya, tetapi itu bukan jaminan. Dan ingat, operasi fly-by-night sering kali bagus untuk mendapatkan peringkat tinggi di mesin pencari - dan tidak selalu dengan niat terbaik.

Beberapa plugin bertujuan membantu mengamankan pengalaman penjelajahan kami. Add-on Web of Trust menampilkan peringkat untuk situs web lain yang dikumpulkan dari informasi yang diberikan oleh anggota komunitas seperti Anda. Apakah anggota komunitas ini jujur ​​dan terus terang? Sebagian besar waktu mungkin begitu.

Lusinan alat lain membantu mengelola trek yang kita tinggalkan di Internet. BetterPrivacy, misalnya, menghapus beberapa yang disebut supercookies yang terkubur oleh plugin Flash. Torbutton dengan aman mengaktifkan atau menonaktifkan penggunaan Tor oleh browser Anda, membantu mencegah kebocoran alamat IP, kebocoran cookie, dan serangan privasi.

Langkah 7 menuju browser Web yang lebih baik: Beri penghargaan atas peningkatan yang berarti pada Web

Di antara plugin yang lebih kontroversial adalah plugin yang menghapus iklan dari halaman Web. Beberapa orang berpendapat bahwa video Flash merusak mesin mereka atau memperlambatnya hingga merayap. Yang lain menggunakan plug-in pemblokir iklan hanya untuk "menempelkannya pada pria itu". Yang lain (termasuk saya) berpendapat bahwa nasib Web gratis bergantung pada apakah iklan terus membayar biaya produksi dan distribusi konten secara gratis di Internet.