男人的天堂在线免费视频,色影视在线视频资源站,国产亚洲一本大道中文在线

Sun, 18 Apr 2010 02:29:00 GMT

��单来��_��Firebug是Firefox上用来监视、编辑和调试站点的CSS、HTML、DOM和JavaScript的扩展工兗��?/p>

我们先到Firebug的主��?/a>上下载最新的版本装上�Q�下面开始调试：

1、查看、编辑HTML元素及其CSS

安装好Firebug之后�Q�你可以通过点击��览器右下方的小虫子打开Firebug�Q�如图：

或者直接按F12�Q�如果要以窗口�Ş式打开的话�Q�就按下CTRL+F12

打开Firebug之后�Q�点几Z��查看”，然后选择��面上�Q何需要编辑的地方�Q�Firebug会将光��中�Q��ƈ且在HTML�l�构中将光��亮，如图�Q?/p>

之后你可以对该元素的HTML�l�构、属性进行�Q意的�~�辑�Q�修改后的效果都会实时的展现在页面当中�?/p>

同时在Firebug的右侧是该元素对应的CSS样式�Q�如下图�Q?/p>

图中的样式，昄��了该元素被重新定义的样式�l�承关系�Q�比如“��承自body.CurHome”的“text-align”属性被“��承自div.shell”的“text-align”覆盖，原先的属性就会以中横�U�的形式表示出来。如果要查看所有的属性，请勾选图中标�?”的选项�?
单击�?”可以禁�?打开某条CSS属性；单击��L��一个属性或者属性值可以进行CSS的编辑，如�?”；双击�?”则可以新徏一条CSS属性。现在我们点��M��?”来看看CSS布局面板�Q?/p>

上面�q�幅囑ֱ�现的是一个HTML�l�构的标准盒模型�Q�通过点击相应的数值可以修改该��|��同时在浏览器�H�口中显�C�出对应的效果来�?/p>

2、查看动态生成的HTML代码的方�?/h5>
通过“查看源代码”的�Ҏ��Q�无法看到由JS动态生成的HTML�l�构�Q�这里我们可以通过Firebug来查看，如下图，选中“body”节点，按下“编辑”，卛_��输出��面上源文�g的代码以及动态生成的代码�?/p>

�q�有另外一�U�简单的�Ҏ��Q�选中你要查看的页面元素，然后在右键菜单中选择“查看选中部分源代码�?/p>

3、查�?��试��面的函数执行效�?/h5>
查看��面上所有函数执行效率可以很�Ҏ��的找到运行最慢的函数�Q�从而帮助WD有针�Ҏ��的�q�行��面的JS优化。如图，为需要调试的��面“启用控制台”：

点击“概况”开始收集，再次点击卛_��停止�Q�然后进行查看�?/p>
在firebug控制台的最底下是一排命令行�Q�在�q�里你可以输入�Q意JS语句�Q�按下回车键卛_��执行�Q?/p>

使用console�Q�还可以��试一�D�代码或者函数的执行旉��Q�点��d��令行最右侧的红色按钮切换到命��o行多行模式：

4、��用Firebug查看XMLHttpRequest

使用Firebug查看XMLHttpRequest�Q�对于调试AJAX是很有帮助的。如图：

为需要调试的站点开启“网�l�”监控功能，其实该功能可以查看页面上所有类型的post和get��h��Q��ƈ且还会显�C�出��h��消耗的旉��。对于XMLHttpRequest会有详细的参��C��q�回倹{�?/p>

5、查看页面上所有的CSS与JS

在页面调试中我们发现�Q�对于外部引用的CSS与JS很难�q�行调试�Q��用基于Firebug的Yslow扩展卛_��解决该问题。首先在Yslow的主��上下蝲一个最新的版本装上�Q?a >http://developer.yahoo.com/yslow/

在Firebug��虫子的双��是Yslow�Q�后面的数值是当前��面完全加蝲所消耗的旉��Q�点击Yslow卛_��打开�Q�或者通过Firebug的Yslow面板�Q�运行“Performance”进行页面分析）�?/p>

如上图，选择“All JS”后�Q�当前页面的所有内部JS和外部JS都会被显�C�在一个新开的页面中�Q�这��h��看页面上所有的JS源代码就变得方便多了�?/p>

6、查看页面上所有的资源列表

其实前面�W�四点介�l�到的“网�l�”功能就可以查看所有资源列表，而且可以通过查看状态来�q�行对应的优化（例如排查404元素�Q�。这里可以通过Yslow的components功能看到到包括类型与详细路径的资源列表：

鼠标hover可以看到对应的羃略图�Q�点��d��可在新窗口中打开�?a >更多Yslow功能��h��看其主页�?/p>

7、��用Firecookie调试��面cookie

Firecookie是基于Firebug的cookie调试工具�Q�先��C��者的主页上了解下详细信息�Q�再下蝲一个安装上�?
http://www.softwareishard.com/blog/firecookie/
安装好之后，Firebug中会多出一个“cookie”面板，你可以�ؓ需要调试的��面��d��、删除、修改cookie信息�?/p>

Firebug是一�ƾ能够�ؓWD提高效率的调试利器，希望大家都能用上。关于Firebug的更多信息：

��Z��Firebug的firefox扩展
Firebug视频教程
Firebug Console

無所��?/a> 2010-04-18 10:29 发表评论

Sun, 18 Apr 2010 02:25:00 GMT

FF是深受广大程序员喜爱�Q�不是因为它的快�Q�而是因�ؓFIREBUG1.2版本�Q?a >点这�?/a> �Q�这个宇宙无敌插�Ӟ��调试JS�E�序变成了一片小蛋糕�?br /> 不过�Q�新推出的FireFox 3.0�Q�据�U�比2.0速度提高2倍，内存占用减小�Q�几乎与�Ҏ��的Safari速度不相上下。或�怼�改变大家的看法�?br /> Spket的JS�~�辑器，强啊�Q�实时提�C��法错误，自动完成�Q�CTRL+SHIFT+F的羃�q�排版，啥也不说了，眼泪哗哗的。EXT��׃��说了�Q�地球�h都知道�?

�y�跚学步

�W�一�?- 入门

惛_��您已�l�听说过 Ext、浏览了在线演示�Q��ƈ且尝试阅�?a >API文档。不�q�，面对复杂的API文档�Q�您却不知如何下手？�Q?

�W�二�?- ��h��

通览�q?a >API文档�Q��ƈ且找��C��所要立��d��试的功能�Q�面�Ҏ؜杂的�|�页源代码，如何开始一个简单的��试��面�Q�那�?#8230;…

不论您的目标是什么，您都可以依照本文快速的开始��用Ext。不�Q�不用搭建服务器�Q�您所需要的仅仅�?a >Firefox��览器和Firebug调试插�g。如果还没有安装�Q�那么现在就是一个好��Z��?

牛刀��试

打开Ext API文档�Q�您已经上�\�Q?
单击 F12 打开 Firebug 控制台�?
如果您的 firebug 控制台处于单行模式（�?'>>>' 开��_��Q�那么请单击右下角的�U�色上箭头以开启多行编辑模式�?
输入以下代码�Q��ƈ敲击 Ctrl-Enter 来运�?

Ext.get(document.body).update('
');

上边�q�行代码的作用是��当前DOM body元素用一个ID�?strong>test的div元素替换。刚才那些API文档已经被删除，�?Ext 代码依旧生效�Q��ƈ且随时�ؓ您效功�?

现在�Q�我们假设您希望��单的��d��一个面板元素（Panel�Q�，但对Ext.Panel的API冗繁的说明无能�ؓ力。那么试着��这些代码添加到 firebug 的控制台中：

Ext.get(document.body).update('');
new Ext.Panel({
renderTo: 'test',
width: '200px',
title: 'My Title',
html: 'My HTML content'
});

再次敲击 Ctrl-Enter 。嗨�Q�您的面板元素已�l�诞生�?

很好�Q�不�q�如果修改一些选项呢？用下边的代码替换刚才的那些代码：

Ext.get(document.body).update('test">');
new Ext.Panel({
renderTo: 'test',
width: '200px',
title: 'My Title',
html: 'My HTML content',
collapsible: true
});

敲击 Ctrl-Enter 。怎么��P��一个可以�׾~�的面板��配�|�好了。（注意面板右上角的��图标）

每次敲击 Ctrl-Enter �Q�第一行代码都会移除现有的内容�Q�这��h��可以有一个干净的调试环境。这是一个简单的��技巧，十分方便您尝试各�U�配�|�选项�?

您可以�ؓupdate()函数��d��所需要的 HTML 代码�Q�无论多��。然后编写或多或��的 Javascript 来探�?Ext API�?

�q�等什么？现在��去亲自实践 Ext Api 吧�?

Ext Programmer's API Documentation
Ext User Forums

Retrieved from "

無所��?/a> 2010-04-18 10:25 发表评论

调试ExtJs利器 - Firebug(Firefox插�g)

Sun, 18 Apr 2010 02:22:00 GMT

Firebug是一个Firefox插�g,集HTML查看和编辑、Javascript控制台、网�l�状�늛�视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。更是我们这些ExtJs开发�h员必备的一个工�?用它来监�?ExtJs�?post,get值非常方�?

安装及��用方�?
1,直接用Firefox打开以下地址:
https://addons.mozilla.org/zh-CN/firefox/search?q=firebug
如果您还没有安装Firefox,请先安装.下蝲地址:
http://www.mozilla.org.cn

2,点击Firebug旁边的图�?

3,点击安装,然后重新启动Firefox.

4,点击Firefox左下角蟑螂的图标.

5,启用脚本(用于 JavaScript 调试) 选项卛_��.
(��一�q�启用控制台(用于记录控制台日�?)

使用视频:
http://www.digitalmediaminute.com/screencast/firebug-js/

原文�Q?a title="http://extjs.org.cn/node/322" >http://extjs.org.cn/node/322

無所��?/a> 2010-04-18 10:22 发表评论

Myeclipse8.0下配�|�Spket

Sun, 18 Apr 2010 02:20:00 GMT

一、安装Spket插�g

��插件放�?nbsp; X:\Genuitec\MyEclipse 8.x Latest\dropins 目录下面�Q�重启myeclipse

二、配�|�Spket

注意�Q�如果在安装spket�q�程中，你的eclipse或者Myeclipse是打开的，请重启eclipse或者Myeclipse。以便初始化插�g�Q�下面才会在Preferences中看�?Spket选项�?/p>

基本步骤如下�Q?/p>

1)Window �?Preferences �?Spket �Q?/p>

2)Spket �?JavaScript Profiles �?New�Q?输入“ExtJS”点击OK�Q?/p>

3)选择“ExtJS�?�q�点几Z��Add Library”然后在下拉条中选取“ExtJS”；

4)选择 “ExtJS”�ƈ点击“Add File”，然后在你�?/ext-2.x/source目录中选取“ext.jsb�?文�g�Q?/p>

5)讄��新的ExtJS Profile�Q�选中�q�点几Z��JavaScript Profiles�?对话框右手边的“Defalut”按钮；

下面�q�个操作�Q�根据自己需要设�|�（可以全选）�?/p>

6)重启eclipse或者Myeclipse�Q?/p>

7)创徏新的JS文�g�q�输入： Ext�q�样��可讄��Ext Code代码自动完成的功能�?/p>

效果如下�Q?/p>

重新启动Myeclipse即了完成插�g的安装。尽情��n受Ext。。。�?/p>

無所��?/a> 2010-04-18 10:20 发表评论

MyEclipse8.0下蝲+汉化+插�g安装

Sun, 18 Apr 2010 02:20:00 GMT

附上各种资源的下载地址

MyEclipse 8.0�Q?/p>

http://downloads.myeclipseide.com/downloads/products/eworkbench/galileo/myeclipse-8.0.0-win32.exe

MyEclipse 8.0 汉化包：

http://ajava.org/tool/myeclipse/16251.html

Aptana2.0 plug for Eclipse:

http://download.csdn.net/source/1855235

插�g安装�Ҏ��Q?/p>

��插件放�?nbsp; x:\Genuitec\MyEclipse 8.x Latest\dropins 目录下面�Q�然后在myeclipse的configuration目录里面删除org.eclipse.update�q�个目录�Q�重启myeclipse 后myeclipse会自动加载这个插�?�?/p>

無所��?/a> 2010-04-18 10:20 发表评论

java应用�E�序打包成可jar执行�E�序

Sun, 18 Apr 2010 02:11:00 GMT

叛_��工程名→Export→java→JARfile→Next→Next→Next→在最下面的main class那里选择那个按钮

→选择你的�E�序入口�c�d��→OK→finish�?/p>

無所��?/a> 2010-04-18 10:11 发表评论

Java环境变量讄��

Sun, 18 Apr 2010 02:10:00 GMT

Windows XP/2000
---------------------------------------------------------------
JAVA_HOME=x:\JDK_1.4.2
PATH=%JAVA_HOME%\bin;%PATH%
CLASSPATH=.\;%JAVA_HOME%\lib\tools.jar;X:\jdk1.3\lib\dt.jar
---------------------------------------------------------------
Windows 9X
---------------------------------------------------------------
set JAVA_HOME=x:\JDK_1.4.2
set PATH=%JAVA_HOME%\bin;%PATH%
set CLASSPATH=.\;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar
---------------------------------------------------------------
Unix/Linu ( 转脓:http://www.d8space.com/member/diaryview.do?members(userid)=148&members(id)=875 )
---------------------------------------------------------------
1、安装jdk1.4.2 for linux,以下是在Redhat Linux 9下�ؓ例：

以root�w�䆾��d��

(1)打开一个终�?

(2)输入命��ols -l 查看安装文�g的权�?

(3)输入命��ochmod a+x j2sdk-1_4_2_01-linux-i586-rpm.bin,�l�所有的用户��d��执行的权限�?

(4)安装jdk

./j2sdk-1_4_2_01-linux-i586-rpm.bin

此步完成后，会生成j2sdk-1_4_2_01-linux-i586.rpm的文�?

查看权限

ls -l

�l�j2sdk-1_4_2_01-linux-i586.rpm赋执行权�?

chmod +x j2sdk-1_4_2_01-linux-i586.rpm

安装j2sdk-1_4_2_01-linux-i586.rpm

rpm -ivh j2sdk-1_4_2_01-linux-i586-rpm

出现授权协议�Q�按Enter键接�?

(5)使用默认的安装位�|�，�?usr/java/下，�?usr/java/j2sdk1.4.2_01

2、设�|�环境变�?

使用Vi�~�辑器进行环境变量的�~�辑�Q?

在终端中输入命��o

vi /etc/profile.d/java.sh

�q�样可以在所有的用户中��?

在新的java.sh中输入以下内容：

#set java environment

export J***A_HOME=/usr/java/j2sdk1.4.2_01

export CLASSPATH=.:$J***A_HOME/lib:$J***A_HOME/jre/lib

export PATH=$J***A_HOME/bin:$J***A_HOME/jre/bin:$PATH

保存退�?

PATH �?CLASSPATH 都指定�\径列表，列表中的各项 (卛_��个�\�? 之间使用分隔�W�分隔。在 Windows 下，分隔�W�是分号 (;)�Q?

而在 Linux 下，分隔�W�是冒号 (:)�?

3、给java.sh分配权限

输入以下命��o�Q?

chmod 755 /etc/profile.d/java.sh

4、重启计��机

在终端中输入如下命��o�Q�测试jdk是否安装成功

java -version

�|�上JAVA的环境变量的讄��Ҏ��很多,个�h觉得最有效的方法是:vi /etc/profile.d/java.sh�q�样可以在所有的用户中��?在新�?

java.sh中输入以下内容：(以下内容同时讄��了java和tomcat的环境变�?

#set java 1.5.0_08 and tomcat5.5.12 environment

export JAVA_HOME=/usr/local/jdk1.5.0_08

export CLASSPATH=.:$JAVA_HOME/lib/tools.jar

export CATALANA_HOME=/usr/local/tomcat5.5.12

export PATH=$JAVA_HOME/bin:$CATALANA_HOME:$PATH

修改环境变量后记得重启生�?卛_��命��o行输�?. /etc/profile

null

本文来自CSDN博客�Q��{载请标明出处�Q�http://blog.csdn.net/WhatWhoWhere/archive/2007/04/08/1556202.aspx

無所��?/a> 2010-04-18 10:10 发表评论