pepoとネットワークを語ろう

40年前からこれまでとこれからのネットワークを語る

「Google chromeのデベロッパーツールはほんまようできとるわ(^o^)丿」

2012-03-28 05:18:17 | Linux

くじらのだんなはjavascriptなんぞで他のツールは知らんけど

Google chromeのデベロッパーツールはbreakポイントを設定して、停止後の変数表示、ステップなどほんの少しの機能しかつかわれへんけど、ほんまようできとるわ

pepo

 


Microsoft Ajax Minifierのajaxmin -hcオプションでドンだけ変わるか確認(ToT)/~~~

2012-03-28 04:30:19 | Linux

javascriptの圧縮ツール、Microsoft Ajax Minifierのajaxmin -hcオプションでどんだけ変わるか確認にしてみたよ

2012/03/27 16:13 42,610 remote-hand.js ←圧縮前
2012/03/27 16:16 24,435 remote-hand.min.js ←圧縮後

一つの関数を圧縮前と後で確認してみた
圧縮前↓↓↓↓↓↓↓↓↓

function update_do(do_sel) {
var tdo_val;
var tdo_ch;
var tdo_time;
function send_do(do_ch ,do_val ,do_time) {
$.ajax({
type: "GET",
url: "do_ajax.cgi",
timeout : 3000,
dataType: "text",
data: 'ch=' + do_ch + '&val=' + do_val + '&time=' + do_time,
success: function() {
$("#disp_menu5").text("Digtal Out Success!");
},
error: function(do_sel){
$("#disp_menu5").text("Server-Timout!");
}
});
}

圧縮後↓↓↓↓↓↓↓↓↓ 
関数の名前から変数まで簡易表示にかわっとる 
因みに圧縮したjavascriptを確認するには、Google chromeの右上のモンキーレンチ→ツール→デベロッパーツール→pretty printの{ }アイコンをクリックした見えるよ

function update_do(h) {

var f = "#don_time_0", b = "none", e = "#dosel_0 option:selected", a, d, c;
function g(d, c, b) {
var a = "#disp_menu5";
$.ajax({type: "GET",url: "do_ajax.cgi",timeout: 3e3,dataType: "text",data: "ch=" + d + "&val=" + c + "&time=" + b,success: function() {
$(a).text("Digtal Out Success!")
},error: function() {
$(a).text("Server-Timout!")
}})
}
switch (h) {
case "dosel_0":
$(function() {
a = $(e).val();
if (a == b)
return;
d = "0";
c = $(f).val()
});
break;
case "dosel_0":
$(function() {
a = $(e).val();
if (a == b)
return;
d = "0";
恐るべしMicrosoft Ajax Minifier

くじらのだんなはjavascriptなんぞで他のツールは知らんけど

breakポイントや変数の表示などほんの少しの機能しか、Google chromeのデベロッパーツールをつかわれへんけどほんまようできとるわ

 
pepoと