手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆
浏览模式: 标准 | 列表分类:Software

Firebug Lite

以前介绍过firebug如何在chrome下使用,但其实。现在的网站在任何情况下,都可以使用firebug lite。比如你到http://getfirebug.com/firebuglite看一下,你就知道了。对呀。你明明没装firebug,怎么会有这样的界面出现?

嗯横 firebug lite现在可以被任何网页加载,然后弹出这样的界面,让你对你的操作进行实时浏览。这种东西,比较适合用在API网站,可以让你实时观察你的每一个URL请求以及获取Request等数据。

官方这么介绍lite的:

Firebug Lite: doing the Firebug way, anywhere.

  • Compatible with all major browsers: IE6+, Firefox, Opera, Safari and Chrome
  • Same look and feel as Firebug
  • Inspect HTML and modify style in real-time
  • Powerful console logging functions
  • Rich representation of DOM elements
  • Extend Firebug Lite and add features to make it even more powerful

安装也很简单:

Bookmarklet

Bookmark the following links:

Stable channel

Beta channel

Live link

You can also link directly to the hosted version at getfirebug.com. Copy the following code, and paste it in the TOP of the HEAD of your document:

Stable channel

Firebug Lite: <script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>

Firebug Lite debug: <script type="text/javascript" src="https://getfirebug.com/firebug-lite-debug.js"></script>

Beta channel

Firebug Lite beta: <script type="text/javascript" src="https://getfirebug.com/firebug-lite-beta.js"></script>

Local link (offline)

If you need using Firebug Lite while offline, download the code, copy it to a local destination, and link the firebug-lite.js in the TOP of the HEAD of your document:

<script type="text/javascript" src="/local/path/to/firebug-lite.js"></script>

If you want to debug the local installation, use the firebug-lite-debug.js file instead:

<script type="text/javascript" src="/local/path/to/firebug-lite-debug.js"></script>

还有一些配置:

The properties you can change include (with respective default values):

  • saveCookies - false
  • startOpened - false
  • startInNewWindow - false
  • showIconWhenHidden - true
  • overrideConsole - true
  • ignoreFirebugElements - true
  • disableWhenFirebugActive - true
  • enableTrace - false
  • enablePersistent - false

更多设置还是看:http://getfirebug.com/firebuglite#Install

Tags: firebug

又是Firefox优化:speedyfox

对firefox不停的在做优化,因为。。。实在没办法了,插件一多,FF吃内存就厉害多了。所以就在不停的想法办法。比如我把内存虚拟出128Mramdisk出来。把firefox的cache目录设进去。然后又发现,还有这个软件,可以把firefox使用到的sqlite进行一下优化(我没明白优化啥,难道是象mysql的碎片整理?)不过,不管它,先用一下下喽。。。
大小: 48.54 K
尺寸: 460 x 282
浏览: 2384 次
点击打开新窗口浏览全图
官方认为:The method used in SpeedyFox is 100% safe for your profile (e.g. bookmars, passwords, etc), it's well documented and tested on many computers.灰常安全。。
大小: 20.52 K
尺寸: 410 x 376
浏览: 2716 次
点击打开新窗口浏览全图
看了上面这张图,我基本确认应该是碎片整理,以及(可能)清空了一些已经废弃的数据。

Tags: firefox, 优化, speedyfox

看上去不错:Chrome 扩展 Monster

一直以来,我都是使用着firefox而不是chrome,虽然chrome的速度明显要比firefox快很多,但我还是使用着firefox,那是因为ff上面有很多插件是chrome没有的,比如firebug,yslow,scrapbook,readitlater,searchstatus等。但alipay uED居然推出了一款chrome上的插件,类似于yslow,让人感觉很意外,从图片上看,感觉不错:

Monster 是 Alipay UED 推出的网站代码分析、质量检测及评分的浏览器扩展,它能智能分析CSS、JS、HTML内容并生动形象展示网页得分情况(类似YSlow)。它是一个开源 项目,您可以在GoogleCode中心检出MonsterForChrome项目源代码。不久会推出Firefox版扩展。

大小: 80.48 K
尺寸: 499 x 355
浏览: 1732 次
点击打开新窗口浏览全图

Monster主要检测规则:

  1. 检测是否有重复ID的标签;
  2. 检测是否使用内联标签嵌套块级标签,如a嵌套div;
  3. 检测https协议页面,是否使用了http协议的图片、JS、CSS等;
  4. 检测compatMode、doctype是否出错;
  5. 检测是否使用了HTML5不再支持的标记,如font,s,u等;
  6. 检测标签是否正确关闭;
  7. 检测CSS、JS、background-image文件是否为404;
  8. 检测CSS、JS文件是否重复调用;
  9. 检测是否引用过多外部JS、CSS文件;
  10. 检测CSS、JS、HTML是否压缩;
  11. 检测CSS样式表是否使用了CSS expression;
  12. 检测Cookie是否超过30KB;
  13. 检测是否有form标签嵌套form标签;
  14. 检测是否直接在标签里定义JS事件,如<a href=http://www.google.org.cn/posts/”#” onclick=”…”>link</a>;
  15. 检测<meta charset=”utf-8″ />是否为<head>第一个子标签;
  16. 检测一个<form>标签内部是否出现二个input[type=submit]标签;
  17. 检测是否在<form>标签中使用了 id=”submit” 的标签;
  18. 检测是否将<style>块放置在</head>前面;
  19. 检测是否将<script>块放置在</body>前面;
  20. 检测<img>标签是否指定alt属性;
  21. 检测是否为input[text]指定label;
  22. 检测网页编码是否为gbk或utf-8;
  23. 检测是否使用了@import导入样式表;
  24. 如果CSS、JS指定 类似于“?t=20100405”时间戳,则自动输出最后修改时间,方便对比;
  25. 如果background-image超过6个,则提示所有背景图片及大小,超过30KB,标红显示;

Monster评分规则:

Monster是根据问题解决难易程度、性能提升程度、可用性提升程度以及维护性提升程度来综合评分的。具体,请下载 Monster评分算法.xls

下载Monster

我没有试用过,不知道具体如何,我只能说,看上去真的很不错。而且,用上面的话来说,他们很快就会推出firefox版本,我又何必试呢?

Tags: chrome, yslow, firefox, monster, alipay

Zend Studio 7.2 Released

Zend Studio 7.2 is Here!
PHP Troubleshooting Made Easy.


Save time and troubleshooting hassles with a better, faster way to diagnose and resolve PHP issues. Zend Studio's new integrated viewer opens code trace files captured by Zend Server in your production environment, so you can quickly pinpoint functional errors or performance slowdowns.

Why is this a big deal? Zend Studio 7.2 eliminates the tedious process of trying to reproduce the production environment and recreate problems, a challenge that is compounded when you can't access production servers.

Download
Zend Studio 7.2

说实话,我不是特别喜欢它,因为他太大了,但是他又是php集成的最好的一个IDE,而且可以很细的指定任意一个文件的编码,使得你在有多编码的环境下作业时,不用过多烦恼,其他的IDE都只能指定项目编码不能指定单独文件的编码。这个,我真的很喜欢。

PHP的debug功能,我就一直没有使用成功过,phped的,netbeans的,包括这个zde的,我就不多做解释了。好象zendstudio.net上面有教你怎么配置,反正我是一次没有成功过。郁闷,可能是人品不好?

 


Tags: zendstudio, zend, zendide, eclipse, ide

apmxe备份

说实话,看到Qeephp常年不更新后,也担心这个程序会消失。所以,我自己还是备份一下比较好。在以前的博客里我也作过介绍,但都是给的官方地址,而官方地址从fleaphp.net到fleaphp.org,再到现在的qeephp.com,很多链接都失效了。所以,我还是在本地备份一下较好。

这个版本已经又快一年没更新了,不过想来也没有什么好更新的东西。所以。我还是复制了一下官方的介绍:

APM Express 是一个集成了 Apache 2.2、PHP5、MySQL 5,以及 phpMyAdmin、QeePHP 框架(含示例)的绿色集成运行环境,简称为“APMXE”。解压缩即可使用,不写入任何系统文件,100% 绿色。

版本说明

  • Apache 2.2(完整)
  • PHP 5.2.9–2(完整)
  • XCache 2.0.4
  • MySQL 5.0(服务端和命令行工具)
  • phpMyAdmin 3.2
  • QeePHP 2.1(含示例)

 

使用说明

下载后可以获得一个 .zip 文件,其中包含安装程序。运行安装程序设置好解压缩目录后,即可通过快捷方式启动。启动后,通过浏览器访问 http://localhost/ 查看 APM Express 的欢迎页面。

注意:默认设置的端口号为 9000,MySQL 端口号为 9066

配置文件修改说明:
配置文件共有三个:
httpd.conf.tempalte - Apache2 的配置文件
mysql.ini.template - MySQL5 的配置文件
php.ini.template - PHP5 的配置文件


修改这三个文件后,启动 APM Express 时就会以这三个文件为基础生成 apache/mysql/php 的配置文件。所以要自定义设置,就改这三个文件。


配置文件模版

配置文件中所有 %APMXE% 的字符串将会在 APM Express 运行时替换为 apmxe.exe 所在路径。替换后的内容会写入三个新的配置文件,供 Apache/PHP/MySQL 使用。

两个下载地址:

说 明: apmxe-setup-2009-06-17.zip
官 方: apmxe-setup-2009-06-17.zip (11130.92 KB, 上传日期:2009-06-17 22:58)
本 地: apmxe-setup-2009-06-17.zip (11130.92 KB, 上传日期:2010-04-24 12:00)分流

说 明: apmxe-2009-01-20.zip
官 方: apmxe-2009-01-20.zip (7646.35 KB, 上传日期:2009-01-20 07:48)
本 地:apmxe-2009-01-20.zip (7646.35 KB, 上传日期:2010-04-24 12:00)分流

Tags: apmxe, amp