10168 2006-07-31 01:19:10 -0700 add a first cut at a Metrics pane to the inspector 2006-07-31 12:08:56 -0700 1 1 1 Unclassified WebKit Web Inspector (Deprecated) 420+ Mac OS X 10.4 RESOLVED FIXED P2 Enhancement --- 1 darin darin oldest_to_newest 51181 0 darin 2006-07-31 01:19:10 -0700 I have a first cut at the Metrics pane 51182 1 9771 darin 2006-07-31 01:21:53 -0700 Created attachment 9771 adds Metrics pane implementation, adds back a .title I removed before 51198 2 9771 timothy 2006-07-31 08:51:58 -0700 Comment on attachment 9771 adds Metrics pane implementation, adds back a .title I removed before This is a great first cut! You should add ".title" for the JS property values also, so overflown content in there can still be seen in a tooltip. 51199 3 timothy 2006-07-31 09:01:50 -0700 You can remove "cellpadding=0 cellspacing=0" from the tables and move these to CSS as border-spacing on the tables and padding on the TDs. That will clean up the HTML a tad. +.boxModelTable td { + padding: 0; +.boxModelTable { + border-spacing: 0; 51220 4 darin 2006-07-31 12:08:56 -0700 Committed revision 15713. 9771 2006-07-31 01:21:53 -0700 2006-07-31 08:51:58 -0700 adds Metrics pane implementation, adds back a .title I removed before InspectorPatch.txt text/plain 7746 darin SW5kZXg6IFdlYktpdC9XZWJJbnNwZWN0b3Ivd2ViSW5zcGVjdG9yL2luc3BlY3Rvci5jc3MKPT09 PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09 PT09PT09PQotLS0gV2ViS2l0L1dlYkluc3BlY3Rvci93ZWJJbnNwZWN0b3IvaW5zcGVjdG9yLmNz cwkocmV2aXNpb24gMTU3MDIpCisrKyBXZWJLaXQvV2ViSW5zcGVjdG9yL3dlYkluc3BlY3Rvci9p bnNwZWN0b3IuY3NzCSh3b3JraW5nIGNvcHkpCkBAIC04NzUsMyArODc1LDQ5IEBAIGJ1dHRvbi50 b2dnbGUucmlnaHQgewogLnByb3BlcnR5TGlzdCBsaSAudmFsdWUgewogICAgIGNvbG9yOiByZ2Io MjU1LDI1NSwxODApOwogfQorCisuYm94TW9kZWxUYWJsZSB0ZCB7CisgICAgdGV4dC1hbGlnbjog Y2VudGVyOworICAgIG1pbi13aWR0aDogMTBweDsKK30KKworLmJveE1vZGVsVGFibGUgLmhvcml6 b250YWxDZWxsIHsKKyAgICBwYWRkaW5nLWxlZnQ6IDJweDsKKyAgICBwYWRkaW5nLXJpZ2h0OiAy cHg7Cit9CisKKyNtYXJnaW5Cb3hUYWJsZSB7CisgICAgYm9yZGVyOiAxcHggZGFzaGVkOworICAg IG1hcmdpbi1sZWZ0OiBhdXRvOworICAgIG1hcmdpbi1yaWdodDogYXV0bzsKKyAgICBtYXJnaW4t dG9wOiAyMCU7Cit9CisKKyNib3JkZXJCb3hUYWJsZSB7CisgICAgYm9yZGVyOiAxcHggc29saWQK K30KKworI3BhZGRpbmdCb3hUYWJsZSB7CisgICAgYm9yZGVyOiAxcHggZ3JleSBkYXNoZWQKK30K KworI2NvbnRlbnQgeworICAgIGJvcmRlcjogMXB4IGdyZXkgc29saWQ7CisgICAgcGFkZGluZzog MTBweAorfQorCisuYm94TW9kZWxMYWJlbCB7CisgICAgcG9zaXRpb246IGFic29sdXRlOworICAg IGNvbG9yOiBncmV5OworICAgIHRleHQtc2hhZG93OiBub25lOworICAgIGxlZnQ6IDJweDsKKyAg ICBmb250LXNpemU6IDlweDsKK30KKworI25vTWV0cmljcyB7CisgICAgZm9udC1zaXplOiAxNnB4 OworICAgIGZvbnQtd2VpZ2h0OiBib2xkOworICAgIGNvbG9yOiByZ2JhKDI1NSwyNTUsMjU1LDAu NCk7CisgICAgdGV4dC1hbGlnbjogY2VudGVyOworICAgIG1hcmdpbi10b3A6IDQwJTsKK30KSW5k ZXg6IFdlYktpdC9XZWJJbnNwZWN0b3Ivd2ViSW5zcGVjdG9yL2luc3BlY3Rvci5odG1sCj09PT09 PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09 PT09PT0KLS0tIFdlYktpdC9XZWJJbnNwZWN0b3Ivd2ViSW5zcGVjdG9yL2luc3BlY3Rvci5odG1s CShyZXZpc2lvbiAxNTcwMikKKysrIFdlYktpdC9XZWJJbnNwZWN0b3Ivd2ViSW5zcGVjdG9yL2lu c3BlY3Rvci5odG1sCSh3b3JraW5nIGNvcHkpCkBAIC0xMDcsNyArMTA3LDI4IEBAIFRISVMgU09G VFdBUkUsIEVWRU4gSUYgQURWSVNFRCBPRiBUSEUgUE8KICAgICAgICAgICAgIDxkaXYgaWQ9InN0 eWxlUHJvcGVydGllc1Njcm9sbGJhciIgY2xhc3M9InNjcm9sbGJhciI+PC9kaXY+CiAgICAgICAg IDwvZGl2PgogICAgIDwvZGl2PgotICAgIDxkaXYgaWQ9Im1ldHJpY3NQYW5lIiBjbGFzcz0icGFu ZSIgc3R5bGU9ImRpc3BsYXk6IG5vbmU7IHRleHQtYWxpZ246IGNlbnRlciI+PGJyIC8+PGJyIC8+ PGJyIC8+KG5vdCBmaW5pc2hlZCk8L2Rpdj4KKyAgICA8ZGl2IGlkPSJtZXRyaWNzUGFuZSIgY2xh c3M9InBhbmUiIHN0eWxlPSJkaXNwbGF5OiBub25lIj4KKyAgICAgICAgPGRpdiBpZD0ibm9NZXRy aWNzIiBzdHlsZT0iZGlzcGxheTogbm9uZSI+Tm8gbWV0cmljczwvZGl2PgorICAgICAgICA8dGFi bGUgY2xhc3M9ImJveE1vZGVsVGFibGUiIGlkPSJtYXJnaW5Cb3hUYWJsZSIgY2VsbHBhZGRpbmc9 MCBjZWxsc3BhY2luZz0wPgorICAgICAgICAgICAgPHRyPjx0ZCB2YWxpZ249InRvcCI+PGRpdiBz dHlsZT0icG9zaXRpb246cmVsYXRpdmUiPjxkaXYgY2xhc3M9ImJveE1vZGVsTGFiZWwiPm1hcmdp bjwvZGl2PjwvZGl2PjwvdGQ+PHRkIGlkPSJtYXJnaW4tdG9wIj48L3RkPjx0ZD48L3RkPjwvdHI+ CisgICAgICAgICAgICA8dHI+PHRkIGNsYXNzPSJob3Jpem9udGFsQ2VsbCIgaWQ9Im1hcmdpbi1s ZWZ0Ij48L3RkPjx0ZD4KKyAgICAgICAgICAgICAgICA8dGFibGUgY2xhc3M9ImJveE1vZGVsVGFi bGUiIGlkPSJib3JkZXJCb3hUYWJsZSIgY2VsbHBhZGRpbmc9MCBjZWxsc3BhY2luZz0wPgorICAg ICAgICAgICAgICAgICAgICA8dHI+PHRkIHZhbGlnbj0idG9wIj48ZGl2IHN0eWxlPSJwb3NpdGlv bjpyZWxhdGl2ZSI+PGRpdiBjbGFzcz0iYm94TW9kZWxMYWJlbCI+Ym9yZGVyPC9kaXY+PC9kaXY+ PC90ZD48dGQgaWQ9ImJvcmRlci10b3AiPjwvdGQ+PHRkPjwvdGQ+PC90cj4KKyAgICAgICAgICAg ICAgICAgICAgPHRyPjx0ZCBjbGFzcz0iaG9yaXpvbnRhbENlbGwiIGlkPSJib3JkZXItbGVmdCI+ PC90ZD48dGQ+CisgICAgICAgICAgICAgICAgICAgICAgICA8dGFibGUgY2xhc3M9ImJveE1vZGVs VGFibGUiIGlkPSJwYWRkaW5nQm94VGFibGUiIGNlbGxwYWRkaW5nPTAgY2VsbHNwYWNpbmc9MD4K KyAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dHI+PHRkIHZhbGlnbj0idG9wIj48ZGl2IHN0 eWxlPSJwb3NpdGlvbjpyZWxhdGl2ZSI+PGRpdiBjbGFzcz0iYm94TW9kZWxMYWJlbCI+cGFkZGlu ZzwvZGl2PjwvZGl2PjwvdGQ+PHRkIGlkPSJwYWRkaW5nLXRvcCI+PC90ZD48dGQ+PC90ZD48L3Ry PgorICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0cj48dGQgY2xhc3M9Imhvcml6b250YWxD ZWxsIiBpZD0icGFkZGluZy1sZWZ0Ij48L3RkPjx0ZD4KKyAgICAgICAgICAgICAgICAgICAgICAg ICAgICAgICAgPGRpdiBpZD0iY29udGVudCI+PC9kaXY+PC9kaXY+CisgICAgICAgICAgICAgICAg ICAgICAgICAgICAgPC90ZD48dGQgY2xhc3M9Imhvcml6b250YWxDZWxsIiBpZD0icGFkZGluZy1y aWdodCI+PC90ZD48L3RyPgorICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0cj48dGQ+PC90 ZD48dGQgaWQ9InBhZGRpbmctYm90dG9tIj48L3RkPjx0ZD48L3RkPjwvdHI+CisgICAgICAgICAg ICAgICAgICAgICAgICA8L3RhYmxlPgorICAgICAgICAgICAgICAgICAgICA8L3RkPjx0ZCBjbGFz cz0iaG9yaXpvbnRhbENlbGwiIGlkPSJib3JkZXItcmlnaHQiPjwvdGQ+PC90cj4KKyAgICAgICAg ICAgICAgICAgICAgPHRyPjx0ZD48L3RkPjx0ZCBpZD0iYm9yZGVyLWJvdHRvbSI+PC90ZD48dGQ+ PC90ZD48L3RyPgorICAgICAgICAgICAgICAgIDwvdGFibGU+CisgICAgICAgICAgICA8L3RkPjx0 ZCBjbGFzcz0iaG9yaXpvbnRhbENlbGwiIGlkPSJtYXJnaW4tcmlnaHQiPjwvdGQ+PC90cj4KKyAg ICAgICAgICAgIDx0cj48dGQ+PC90ZD48dGQgaWQ9Im1hcmdpbi1ib3R0b20iPjwvdGQ+PHRkPjwv dGQ+PC90cj4KKyAgICAgICAgPC90YWJsZT4KKyAgICA8L2Rpdj4KICAgICA8ZGl2IGlkPSJwcm9w ZXJ0aWVzUGFuZSIgY2xhc3M9InBhbmUiIHN0eWxlPSJkaXNwbGF5OiBub25lIj4KICAgICAgICAg PGRpdiBpZD0ianNQcm9wZXJ0aWVzIiBjbGFzcz0ic2Nyb2xsQXJlYSI+CiAgICAgICAgICAgICA8 ZGl2IGNsYXNzPSJ2aWV3Ij48ZGl2IGlkPSJqc1Byb3BlcnRpZXNTY3JvbGx2aWV3Ij48dWwgY2xh c3M9InByb3BlcnR5TGlzdCIgaWQ9ImpzUHJvcGVydGllc0xpc3QiPjwvdWw+PC9kaXY+PC9kaXY+ CkluZGV4OiBXZWJLaXQvV2ViSW5zcGVjdG9yL3dlYkluc3BlY3Rvci9pbnNwZWN0b3IuanMKPT09 PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09 PT09PT09PQotLS0gV2ViS2l0L1dlYkluc3BlY3Rvci93ZWJJbnNwZWN0b3IvaW5zcGVjdG9yLmpz CShyZXZpc2lvbiAxNTcwMykKKysrIFdlYktpdC9XZWJJbnNwZWN0b3Ivd2ViSW5zcGVjdG9yL2lu c3BlY3Rvci5qcwkod29ya2luZyBjb3B5KQpAQCAtMzczLDcgKzM3Myw3IEBAIGZ1bmN0aW9uIHVw ZGF0ZUVsZW1lbnRBdHRyaWJ1dGVzKCkKICAgICAgICAgc3BhbiA9IGRvY3VtZW50LmNyZWF0ZUVs ZW1lbnQoInNwYW4iKTsKICAgICAgICAgc3Bhbi5jbGFzc05hbWUgPSAidmFsdWUiOwogICAgICAg ICBzcGFuLnRleHRDb250ZW50ID0gYXR0ci52YWx1ZTsKLSAgICAgICAgc3Bhbi50aXRsZSA9IHNw YW4udGV4dENvbnRlbnQ7CisgICAgICAgIHNwYW4udGl0bGUgPSBhdHRyLnZhbHVlOwogICAgICAg ICBsaS5hcHBlbmRDaGlsZChzcGFuKTsKIAogICAgICAgICBpZiAoYXR0ci5zdHlsZSkgewpAQCAt NDUwLDcgKzQ1MCw3IEBAIGZ1bmN0aW9uIHVwZGF0ZVN0eWxlUGFuZSgpCiAKICAgICAgICAgdmFy IHByb3BlcnR5Q291bnQgPSBbXTsKIAotICAgICAgICB2YXIgY29tcHV0ZWRTdHlsZSA9IGZvY3Vz ZWROb2RlLm93bmVyRG9jdW1lbnQuZGVmYXVsdFZpZXcuZ2V0Q29tcHV0ZWRTdHlsZShmb2N1c2Vk Tm9kZSwgIiIpOworICAgICAgICB2YXIgY29tcHV0ZWRTdHlsZSA9IGZvY3VzZWROb2RlLm93bmVy RG9jdW1lbnQuZGVmYXVsdFZpZXcuZ2V0Q29tcHV0ZWRTdHlsZShmb2N1c2VkTm9kZSk7CiAgICAg ICAgIGlmIChjb21wdXRlZFN0eWxlICYmIGNvbXB1dGVkU3R5bGUubGVuZ3RoKSB7CiAgICAgICAg ICAgICB2YXIgY29tcHV0ZWRPYmogPSB7CiAgICAgICAgICAgICAgICAgaXNDb21wdXRlZFN0eWxl OiB0cnVlLApAQCAtNTEwLDE5ICs1MTAsMjIgQEAgZnVuY3Rpb24gdXBkYXRlU3R5bGVQYW5lKCkK IAogICAgICAgICAgICAgdmFyIGNlbGwgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCJkaXYiKTsK ICAgICAgICAgICAgIGNlbGwuY2xhc3NOYW1lID0gImNlbGwgc2VsZWN0b3IiOwotICAgICAgICAg ICAgY2VsbC50aXRsZSA9IHN0eWxlUnVsZXNbaV0uc2VsZWN0b3JUZXh0OwotICAgICAgICAgICAg Y2VsbC50ZXh0Q29udGVudCA9IGNlbGwudGl0bGU7CisgICAgICAgICAgICB2YXIgdGV4dCA9IHN0 eWxlUnVsZXNbaV0uc2VsZWN0b3JUZXh0OworICAgICAgICAgICAgY2VsbC50ZXh0Q29udGVudCA9 IHRleHQ7CisgICAgICAgICAgICBjZWxsLnRpdGxlID0gdGV4dDsKICAgICAgICAgICAgIHJvdy5h cHBlbmRDaGlsZChjZWxsKTsKIAogICAgICAgICAgICAgY2VsbCA9IGRvY3VtZW50LmNyZWF0ZUVs ZW1lbnQoImRpdiIpOwogICAgICAgICAgICAgY2VsbC5jbGFzc05hbWUgPSAiY2VsbCBzdHlsZXNo ZWV0IjsKKyAgICAgICAgICAgIHZhciBzaGVldDsKICAgICAgICAgICAgIGlmIChzdHlsZVJ1bGVz W2ldLnN1YnRpdGxlICE9IG51bGwpCi0gICAgICAgICAgICAgICAgY2VsbC50aXRsZSA9IHN0eWxl UnVsZXNbaV0uc3VidGl0bGU7CisgICAgICAgICAgICAgICAgc2hlZXQgPSBzdHlsZVJ1bGVzW2ld LnN1YnRpdGxlOwogICAgICAgICAgICAgZWxzZSBpZiAoc3R5bGVSdWxlc1tpXS5wYXJlbnRTdHls ZVNoZWV0ICYmIHN0eWxlUnVsZXNbaV0ucGFyZW50U3R5bGVTaGVldC5ocmVmKQotICAgICAgICAg ICAgICAgIGNlbGwudGl0bGUgPSBzdHlsZVJ1bGVzW2ldLnBhcmVudFN0eWxlU2hlZXQuaHJlZjsK KyAgICAgICAgICAgICAgICBzaGVldCA9IHN0eWxlUnVsZXNbaV0ucGFyZW50U3R5bGVTaGVldC5o cmVmOwogICAgICAgICAgICAgZWxzZQotICAgICAgICAgICAgICAgIGNlbGwudGl0bGUgPSAiaW5s aW5lIHN0eWxlc2hlZXQiOwotICAgICAgICAgICAgY2VsbC50ZXh0Q29udGVudCA9IGNlbGwudGl0 bGU7CisgICAgICAgICAgICAgICAgc2hlZXQgPSAiaW5saW5lIHN0eWxlc2hlZXQiOworICAgICAg ICAgICAgY2VsbC50ZXh0Q29udGVudCA9IHNoZWV0OworICAgICAgICAgICAgY2VsbC50aXRsZSA9 IHNoZWV0OwogICAgICAgICAgICAgcm93LmFwcGVuZENoaWxkKGNlbGwpOwogCiAgICAgICAgICAg ICByb3cuc3R5bGVSdWxlSW5kZXggPSBpOwpAQCAtNjU3LDYgKzY2MCw3IEBAIGZ1bmN0aW9uIHBv cHVsYXRlU3R5bGVMaXN0SXRlbShsaSwgcHJvcCwKICAgICBpZiAocHJpb3JpdHkubGVuZ3RoKQog ICAgICAgICB0ZXh0VmFsdWUgKz0gIiAhIiArIHByaW9yaXR5OwogICAgIHNwYW4udGV4dENvbnRl bnQgPSB0ZXh0VmFsdWU7CisgICAgc3Bhbi50aXRsZSA9IHRleHRWYWx1ZTsKICAgICBsaS5hcHBl bmRDaGlsZChzcGFuKTsKIAogICAgIHZhciBjb2xvcnMgPSB2YWx1ZS5tYXRjaCgvKHJnYlwoWzAt OV0rLCBbMC05XSssIFswLTldK1wpKXwocmdiYVwoWzAtOV0rLCBbMC05XSssIFswLTldKywgWzAt OV0rXCkpL2cpOwpAQCAtNzc4LDggKzc4Miw0NyBAQCBmdW5jdGlvbiBzZWxlY3RNYXBwZWRTdHls ZVJ1bGUoYXR0ck5hbWUpCiAgICAgc3dpdGNoUGFuZSgic3R5bGUiKTsKIH0KIAorZnVuY3Rpb24g c2V0TWV0cmljKHN0eWxlLCBuYW1lLCBzdWZmaXgpCit7CisgICAgdmFyIHZhbHVlID0gc3R5bGUu Z2V0UHJvcGVydHlWYWx1ZShuYW1lICsgc3VmZml4KTsKKyAgICBpZiAodmFsdWUgPT0gIiIgfHwg dmFsdWUgPT0gIjBweCIpCisgICAgICAgIHZhbHVlID0gIlx1MjAxMiI7CisgICAgZWxzZQorICAg ICAgICB2YWx1ZSA9IHZhbHVlLnJlcGxhY2UoL3B4JC8sICIiKTsKKyAgICBkb2N1bWVudC5nZXRF bGVtZW50QnlJZChuYW1lKS50ZXh0Q29udGVudCA9IHZhbHVlOworfQorCitmdW5jdGlvbiBzZXRC b3hNZXRyaWNzKHN0eWxlLCBib3gsIHN1ZmZpeCkKK3sKKyAgICBzZXRNZXRyaWMoc3R5bGUsIGJv eCArICItbGVmdCIsIHN1ZmZpeCk7CisgICAgc2V0TWV0cmljKHN0eWxlLCBib3ggKyAiLXJpZ2h0 Iiwgc3VmZml4KTsKKyAgICBzZXRNZXRyaWMoc3R5bGUsIGJveCArICItdG9wIiwgc3VmZml4KTsK KyAgICBzZXRNZXRyaWMoc3R5bGUsIGJveCArICItYm90dG9tIiwgc3VmZml4KTsKK30KKwogZnVu Y3Rpb24gdXBkYXRlTWV0cmljc1BhbmUoKQogeworICAgIHZhciBzdHlsZTsKKyAgICB2YXIgZm9j dXNlZE5vZGUgPSBJbnNwZWN0b3IuZm9jdXNlZERPTU5vZGUoKTsKKyAgICBpZiAoZm9jdXNlZE5v ZGUubm9kZVR5cGUgPT0gTm9kZS5FTEVNRU5UX05PREUpCisgICAgICAgIHN0eWxlID0gZm9jdXNl ZE5vZGUub3duZXJEb2N1bWVudC5kZWZhdWx0Vmlldy5nZXRDb21wdXRlZFN0eWxlKGZvY3VzZWRO b2RlKTsKKyAgICBpZiAoIXN0eWxlIHx8IHN0eWxlLmxlbmd0aCA9PSAwKSB7CisgICAgICAgIGRv Y3VtZW50LmdldEVsZW1lbnRCeUlkKCJub01ldHJpY3MiKS5zdHlsZS5kaXNwbGF5ID0gbnVsbDsK KyAgICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoIm1hcmdpbkJveFRhYmxlIikuc3R5bGUu ZGlzcGxheSA9ICJub25lIjsKKyAgICAgICAgcmV0dXJuOworICAgIH0KKworICAgIGRvY3VtZW50 LmdldEVsZW1lbnRCeUlkKCJub01ldHJpY3MiKS5zdHlsZS5kaXNwbGF5ID0gIm5vbmUiOworICAg IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJtYXJnaW5Cb3hUYWJsZSIpLnN0eWxlLmRpc3BsYXkg PSBudWxsOworCisgICAgc2V0Qm94TWV0cmljcyhzdHlsZSwgIm1hcmdpbiIsICIiKTsKKyAgICBz ZXRCb3hNZXRyaWNzKHN0eWxlLCAiYm9yZGVyIiwgIi13aWR0aCIpOworICAgIHNldEJveE1ldHJp Y3Moc3R5bGUsICJwYWRkaW5nIiwgIiIpOworCisgICAgdmFyIHNpemUgPSBzdHlsZS5nZXRQcm9w ZXJ0eVZhbHVlKCJ3aWR0aCIpLnJlcGxhY2UoL3B4JC8sICIiKQorICAgICAgICArICIgXHUwMEQ3 ICIKKyAgICAgICAgKyBzdHlsZS5nZXRQcm9wZXJ0eVZhbHVlKCJoZWlnaHQiKS5yZXBsYWNlKC9w eCQvLCAiIik7CisgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoImNvbnRlbnQiKS50ZXh0Q29u dGVudCA9IHNpemU7CiB9CiAKIGZ1bmN0aW9uIHVwZGF0ZVByb3BlcnRpZXNQYW5lKCkK