Cara Merapikan Codingan Javascript Secara Otomatis Dengan Cepat

Kupastrik.com - Javascript adalah salah satu bahasa pemrograman yang banyak digunakan para developer web demi membuat website terlihat interaktif dan dinamis, kadang kala kita mendownload sebuah file javascript dari internet dan terkejut ternyata file javascript yang kita download tadi sudah di encrypt oleh si pembuat. Dengan terpaksa kita harus merapikan kode kode javascript itu agar terlihat rapi dan mudah dibaca tapi bukanya malah rapi tapi program nya justru error dan gak bisa jalan hahaha..

Baca Juga : Cara Membuat Auto Like Facebook Gratisan di 000webhost Tanpa cPanel

Betapa sialnya kita ketika membuka file javascript dan isinya seperti ini :

(function(i){var l,t,r,q,a,p,h,o,j,w,b={boxId:"superbox",boxClasses:"",overlayOpacity:0.8,boxWidth:"600",boxHeight:"400",loadTxt:"Loading…",closeTxt:"Close",prevTxt:"Previous",nextTxt:"Next",beforeShow:function(){}},x={},m=false,s=i([]);i.superbox=function(){w=i.extend({},b,i.superbox.settings);if(i.browser.msie&&i.browser.version<7){s=s.add("select")}n();z()};function z(){i("a[rel^=superbox],area[rel^=superbox]").each(function(){var D=i(this),F=D.attr("rel"),B=F.match(/^superbox[([^#.]]+)/)[1],E=F.replace("superbox","").match(/([#.][^#.]]+)/g)||[],C=w.boxId,A=w.boxClasses;this._relSettings=F.replace("superbox["+B+E.join("")+"]","");i.each(E,function(G,H){if(H.substr(0,1)=="#"){C=H.substr(1)}else{if(H.substr(0,1)=="."){A+=" "+H.substr(1)}}});if(B.search(/^image|gallery|iframe|content|ajax$/)!=-1){D.superbox(B,{boxId:C,boxClasses:A})}})}i.fn.superbox=function(B,A){A=i.extend({},w,A);i.superbox[B](this,A)};i.extend(i.superbox,{image:function(C,A,B){var E=f(C.get(0)),D=false;if(E&&B=="gallery"){D=E[1]}else{if(E){D=E[0]}}C.click(function(F){F.preventDefault();k();if(B=="gallery"){c(C,E[0])}y(function(){var H=false,G;if(D){H=D.split("x")}G=i(‘<img src="’+C.attr("href")+’" title="’+(C.attr("title")||C.text())+’" />’);G.load(function(){g(G,H);e({boxClasses:"image "+A.boxClasses,boxId:A.boxId});u()}).appendTo($innerbox)})})},gallery:function(B,A){var C=f(B.get(0));if(!x[C[0]]){x[C[0]]=[]}x[C[0]].push(B);B.get(0)._superboxGroupKey=(x[C[0]].length-1);i.superbox.image(B,A,"gallery")},iframe:function(B,A){var C=f(B.get(0));B.click(function(D){D.preventDefault();k();y(function(){var F=false,E;if(C){F=C[0].split("x")}A=i.extend({},A,{boxWidth:F[0]||A.boxWidth,boxHeight:F[1]||A.boxHeight});E=i(‘<iframe src="’+B.attr("href")+’" name="’+B.attr("href")+’" frameborder="0" scrolling="auto" hspace="0" width="’+A.boxWidth+’" height="’+A.boxHeight+’"></iframe>’);E.load(function(){q.width(A.boxWidth+"px");$innerbox.height(A.boxHeight+"px");e({boxClasses:"iframe "+A.boxClasses,boxId:A.boxId});u()}).appendTo($innerbox)})})},content:function(B,A){var C=f(B.get(0));B.click(function(D){D.preventDefault();

Nahh.... melihat nya saja saya sudah pusing apalagi harus merapikan tiap baris, pasti membutuhkan ketelitian dan kesabaran yang luar biasa ya hehehe, ternyata script diatas sudah di kompres oleh si pembuat.

Tentu kode kode yang berserakan tak beraturan seperti itu menyulitkan kita untuk membaca apalagi memahaminya. Maka dari itulah pasti kalian berfikir "Apakah ada cara untuk merapikan kode javascript?". Saya juga berfikir hal yang sama  ketika pertama kali melihat kode javascript yang berantakan itu.

Ternyata pertanyaan kita tadi terjawab karena ada salah satu website di internet yang memiliki fitur untuk merapikan kode javascript dan tentunya sangat mudah digunakan. Tentunya anda tinggal mengcopy kode javascript yang berantakan tadi kemudian paste di kolom yang sudah disediakan, dannn kode javascript akan menjadi rapi dan indah dalam waktu yang singkat tanpa ribet.

Anda bisa mengunjungi web javascript beautifier disini : jsbeautifier.org

Caranya cukup mudah, copykan kodingan anda lalu paste di kolom yang tersedia.

Setelah anda paste kemudian anda klik Beautify Javascript, maka dengan sekejap kodingan javascript anda akan rapi dan lebih enak di baca. Bagaimana? mudahkan.


Bahkan website itu juga menyediakan sebuah extension untuk browser Chrome dan Mozilla dengan nama "Javascript and CSS Code Beautifier" yang bisa dipakai untuk merapikan suatu kode pada setiap laman yang kita kunjungi. Jadi ketika kita memakai extension tersebut ketika kita membuka laman yang memiliki kodingan javascript yang berantakan maka akan rapi secara otomatis.


Sekarang anda tinggal memilih ingin menggunakan yang cara manual dengan mengcopy paste kode nya atau yang memakai extension. Saran saya sih lebih baik anda memakai cara yang manual yang pertama karna jika anda memakai extension anda hanya bisa merapikan dari URL saja dan tidak bisa dipakai langsung untuk merapikan kode yang anda sudah miliki.


Jika ada pertanyaan dan keluh kesah selama membaca tutorial Cara Merapikan Codingan Javascript Secara Otomatis Dengan Cepat silahkan berkomentar yang santun dibawah.

Berlangganan artikel secara gratis? Masukan email anda dibawah ini: