Web Performance¹¤¾ß – Dynatrace AJAX Edition
Dynatrace AJAX EditionÊÇÎÒÈÏΪ×îΪǿ´óµÄWeb Performance Profile¹¤¾ß¡£·Ï»°²»ËµÁË£¬Ö±½ÓÉÏͼ½éÉÜÆäÖ÷Òª¹¦ÄÜ¡£
ÏÈÓÃIE·ÃÎÊÄãÐèÒªprofileµÄÍøÕ¾£¬ÀýÈçgoogle£¬¿ÉÒÔµã»÷dynatrace¹¤¾ßÀ¸À´Æô¶¯¡£Õâʱºòdynatrace¾Í¿ªÊ¼¼Ç¼Õâ¸öÍøÕ¾´¥·¢µÄÒ»ÇÐʼþ¡£
ÎÒ¼òµ¥²âÊÔһϣ¬µã»÷google map£¬²¢ÇÒËÑË÷shanghai£¬È»ºó»ØÈ¥¿´¿´dynatrace¿ÉÒÔ°ïÎÒÃÇ·ÖÎö³öʲô¡£
Õâ¸öÊÇsummary£¬Ö÷Òª°üÀ¨¼¸´óÊý¾Ý£º
1£©url£ºËùÓÐä¯ÀÀ¹ýµÄURL·¾¶£¬Ã¿Ñ¡ÔñÆäÖÐÒ»¸öurl£¬ÏÂÃæ¾ßÌåµÄÄÚÈÝÒ²»á¸ù¾Ýµ±Ç°Ñ¡ÔñµÄurl±ä»¯
2£©resources & network£ºËùÓÐ×ÊÔ´ÎļþµÄÊýÄ¿£¬¶àÉÙÊÇͨ¹ýÍøÂç´«Ê䣬¶àÉÙÊÇÀ´×Ô»º´æ¡£NetworkÀïÃæ»á˵Ã÷»¨·ÑÔÚÍøÂçÉϵÄʱ¼ä·Ö²¼£ºDNS½âÎö£¬½¨Á¢Á¬½Ó£¬·þÎñÆ÷ÏìÓ¦£¬ÍøÂç´«Êä
3£©JavaScript: ʼþ´¥·¢»¨·ÑµÄʱ¼ä·Ö²¼£¬Èçonload£¬onclickµÈµÈ¡£¸÷¸öjsÎļþÖ´ÐÐʱ¼ä·Ö²¼¡£
4£©Timeline£ºÓиöʱ¼äÖᣬ¿ÉÒԷdz£ÇåÎúµÄ¿´µ½CPU£¬ÍøÂ磬JavaScriptÖ´ÐУ¬Ò³ÃæÏÔʾËù»¨·ÑµÄʱ¼ä¡£
ÏÂÃæTimeline£º
¿ÉÒÔºÜÇåÎúµÄ¿´µ½Ê±¼ä¾ßÌåµÄ»¨·Ñ·Ö²¼£¬ÒÔ¼°Ê²Ã´Ê±¼ä´¥·¢ÁËʲôʼþ¡£Ë«»÷ʱ¼äÖáÉÏÃæµÄÈκξßÌåʱ¼ä¿é£¬¶¼¿ÉÒÔ¿´µ½¾ßÌåµÄÄÚÈÝ£¬ÎÒµã»÷Ò»¶ÎJavaScriptÖ´ÐÐʱ¼ä¶ÎÀ´×÷ΪÀý×Ó¡£ÏÂÃæ¾ÍÊÇË«»÷ºó¿´µ½µÄÄÚÈÝ£º
¿ÉÒÔ¿´µ½ÍêÕûµÄµ÷ÓÃ˳ÐòÒÔ¼°Ã¿¸öº¯Êý»¨·ÑµÄʱ¼ä£¬²¢ÇÒ¿ÉÒÔÕ¹¿ª¿´µ½×Óº¯ÊýµÄÄÚÈÝ£¬Í¬Ê±Ò²ÄÜ¿´µ½Ô´´úÂë¡£ËùÒÔÕâ¸ö¶ÔÓÚ·¢ÏÖÐÔÄÜÎÊÌâÊǷdz£ÓаïÖúµÄ£¬ºÜÈÝÒ×ÈÃÎÒÃÇ·¢ÏÖÎÊÌâËùÔÚ¡£
ÔÚNetworkÀïÃæ£¬¿ÉÒÔ¿´µ½ºÍHttpWatchÀàËÆµÄÁ÷ˮͼ¡£ÄÜ¿´µ½¾ßÌåÇëÇóºÍÏìÓ¦µÄheaderÐÅÏ¢£¬Í¬Ê±×ÊÔ´ÄÚÈÝÒ²ÄÜ¿´µ½¡£
ÔÚHotspotÀïÃæ£¬¿ÉÒÔ¿´µ½»¨·Ñ×î¶àʱ¼äµÄJavaScript´úÂ룬ÕâÊǸöÕÒµ½ÎÊÌâµÄ·Ç³£¿ì½ÝµÄ·½·¨
ͬʱDynatrace»¹ÄÜÖ§³ÖÀëÏߵķÖÎö£¬µ±¹Ø±Õä¯ÀÀÆ÷£¬Ëü»á×Ô¶¯±£´æËѼ¯µÄÊý¾ÝÔÚ±¾µØ£¬²¢ÇÒÌṩµ¼³öºÍµ¼ÈëµÄ¹¦ÄÜ£¬·½±ãÐͬºÏ×÷¡£Ä¿Ç°£¬DynatraceÖ»ÄÜÖ§³ÖIEä¯ÀÀÆ÷£¬²»¾ÃµÄ½«À´Ó¦¸Ã¿ÉÒÔÖ§³ÖFirefox¡£ºÃÁË£¬¹ã¸æ×öµ½ÕâÀïÁË£¬ÍƼö´ó¼ÒÓÃÓã¬ÓÐʲôÐĵÃÒ²¿ÉÒÔÀ´·ÖÏí¡£
Ïà¹ØÎĵµ£º
Ïò´ó¼ÒÍÆ¼ö10¸öÏ൱°ôµÄAjaxºÍJavascript¹úÍâ×ÊÔ´ÍøÕ¾»ò²©¿Í£¬ËüÃÇÌṩÁËÏ൱¶àµÄ¸ßÖÊÁ¿Ajax¡¢JavascriptʵÀý¼°½Ì³Ì£¬Ï²»¶AjaxºÍJavascriptµÄÅóÓѾø¶Ô²»ÄÜ´í¹ý¡£
1.Ajax Rain
AjaxRainÓкܶàÍêÃÀÕûºÏAJAX, CSS, DHTML »ò JavascriptµÄʵÀý£¬ÓÐһЩDemoµÄÈ·ÖµµÃÄãÈ¥¿´Ò»¿´£¬¼´Ê¹Äã²»ÊÇÍøÒ³Éè¼Æ(¿ª·¢)ʦ¡£
Ajax/Javascri ......
xmlHTTP¶ÔÏóµÄÎÊÌâ ǰÁ½Ìì°²×°ÁËIE7.0,½ñÌìÈ´·¢ÏÖǰ¼¸ÌìÓÃajax¿ª·¢µÄй¦Äܾ¹È»ÎÞ·¨Ê¹ÓÃ,¾¹ý±¾ÈËϬÀûµÄÄ¿¹â´ó·¶Î§µÄËÑË÷,ÖÕÓÚÕÒµ½Á˽â¾ö°ì·¨,ÔÒòÊÇIE7.0±ÈIE6.0¶àÁ˱¾µØXMLHTTPÖ§³Ö¡£ËùÒÔ½â¾ö·½·¨Ö®Ò»¾ÍÊǵã»÷¡°¹¤¾ß¡±->¡°InternetÑ¡Ï->¡°¸ß¼¶¡±£¬ÔÚ¡°°²È«¡±½ÚµãÏÂÕÒµ½¡°ÆôÓñ¾»úXMLHTTPÖ§³Ö¡±£¬¸ÃÑ¡ÏîĬÈÏÊǹ³Ñ¡£¬½ ......
¹«Ë¾×î½ü¸øÎÒÒ»¸öÈÎÎñ£º°ÑÒ»¸öÓÃiframe×öµÄÁôÑÔ°å¸ÄдÓÃAjax×ö£¬ÕâÑù×öµÄÔÒòÊÇ£º¶ÔËÑË÷ÒýÇæµÄÓÅ»¯¡£ËäÈ»ºÜÔç¾ÍÖªµÀAjax¿ÉÒÔ×ö¾Ö²¿Ë¢Ð£¬µ«ÒòΪ×Ô¼ºÊǸձÏÒµÈëÖ°µÄ²ËÄñ£¬½ö½öÊÇÖªµÀÓÐÕâô¸ö¼¼Êõ¿ÉÒÔ×öÕâÑùÒ»¹¦ÄܶøÒÑ¡£Ò»±ßѧһ±ß×ö¡£ÏÖÔÚÕ⹦ÄÜ»¹Ã»ÍêȫŪºÃ£¬ÏÈ×ܽáÏÂ˼·ÒÔ±ã¸üºÃµÄѧϰ£º
ÒµÎñÂß¼£ºÔÚÏßÑÐÌֻᣬÌáÎÊÕßÒ³ ......
ÔÚ ASP .NET µÄ AJAX ¿Ø¼þÖÐ TabContainer µÄ CSS ÑùʽµÄ±àд¾ßÓÐÒ»¶¨µÄ¸ñʽ¹æ·¶¼°ÃüÃû¹æÔò£¬ÈçÏÂͼ£º
¾ßÌåµÄ CSS ÑùʽµÄ±àдΪ£º
.ajax_tab_menu .ajax__tab_header /*ÕûÌå°´Å¥µ×Ñùʽ*/
{
font-family:ËÎÌå;
height:29px;
font-size:12px;
background:#181c1f repeat-x bottom;
}
.ajax_tab_menu .ajax__tab ......
just get a json
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<mce:script src="jquery-1.3.2.min.js" mce_src="jq ......