搜索
查看: 3042|回复: 3

webkit/miniblink调用Firebug Lite网页调试工具

[复制链接]

185

主题

2541

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
13974
发表于 2017-10-22 19:35:05 | 显示全部楼层 |阅读模式
Firebug Lite支持web.kit,web.blink,web.form这些浏览器组件,
只要简单的在HTML里加上这句代码就可以了:
  1. <script src="https://getfirebug.com/firebug-lite.js#overrideConsole"></script>
复制代码

如果加载速度慢可以改用国内的CDN https://cdn.bootcss.com/firebug- ... .js#overrideConsole 或者下载JS文件到本地。

下面是一个完整的示例,打开后按F12启动Firebug Lite:
import win.ui;
/*DSG{{*/
winform = win.form(text=
"请稍候正在加载firebug-lite.js......";right=1095;bottom=687)
winform.add()
/*}}*/

import web.kit.form;//导入WebKit组件
var wbKit = web.kit.form(winform); //创建WebKit控件

wbKit.onDocumentReady =
function(url,mainFrameJSState,frameJSState){
    winform.text =
"firebug-lite.js已加载,请近F12试一试!"
}

wbKit.html =
/**
<!doctype html>
<html>
<head>
    <script src="https://cdn.bootcss.com/firebug-lite/1.4.0/firebug-lite.js#overrideConsole"></script>
</head>
<body>
    <div id="header">现在主流的浏览器都提供开发工具,都可以通过按F12打开开发工具非常方便</div>
    <div id="container">
        但有时候我们需要在内嵌的浏览器控件中使用开发工具,<br>
        这时候我们可以只要简单的在代码中加上下面的代码就可以了:<br><br>
        <script src="https://getfirebug.com/firebug-lite.js#overrideConsole" > </script >
    </div>
</body>
</html>
**/


winform.show();
return win.loopMessage();
  



firebug lite支持的参数如下:
saveCookies - false
startOpened - false
startInNewWindow - false
showIconWhenHidden - true
overrideConsole - true
ignoreFirebugElements - true
disableXHRListener - false
disableWhenFirebugActive - true
enableTrace - false
enablePersistent - false


可以直接写在js网址后面,多个参数用逗号分开,例如:
path/to/firebug-lite.js#enableTrace=true,overrideConsole=false


只写选项不写值默认就是(true)例如:
path/to/firebug-lite.js#enableTrace,overrideConsole=false


也可以这样写:
<script type="text/javascript"
src="https://getfirebug.com/firebug-lite.js">
{
    overrideConsole: false,
    startInNewWindow: true,
    startOpened: true,
    enableTrace: true
}
</script>

回复

使用道具 举报

185

主题

2541

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
13974
 楼主| 发表于 2018-3-18 00:44:11 | 显示全部楼层

web.blink 调用 Firebug Lite 的例子

import win.ui;
/*DSG{{*/
winform = win.form(text=
"请稍候正在加载firebug-lite.js......";right=1095;bottom=687)
/*}}*/

import web.blink.form;//导入miniblink组件
var wbKit = web.blink.form(winform); //创建miniblink控件

wbKit.onDocumentReady =
function(url,mainFrameJSState,frameJSState){
    winform.text =
"firebug-lite.js已加载,请近F12试一试!"
}

wbKit.html =
/**
<!doctype html>
<html>
<head>
    <script src="https://cdn.bootcss.com/firebug-lite/1.4.0/firebug-lite.js#overrideConsole"></script>
</head>
<body>
    <div id="header">现在主流的浏览器都提供开发工具,都可以通过按F12打开开发工具非常方便</div>
    <div id="container">
        但有时候我们需要在内嵌的浏览器控件中使用开发工具,<br>
        这时候我们可以只要简单的在代码中加上下面的代码就可以了:<br><br>
        <script src="https://getfirebug.com/firebug-lite.js#overrideConsole" > </script >
    </div>
</body>
</html>
**/


winform.show();
return win.loopMessage();
   

回复

使用道具 举报

185

主题

2541

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
13974
 楼主| 发表于 2018-3-18 00:47:00 | 显示全部楼层

web.form 调用 Firebug Lite 的例子

import win.ui;
/*DSG{{*/
winform = win.form(text=
"请稍候正在加载firebug-lite.js......";right=1095;bottom=687)
/*}}*/

import web.form.util;
web.form.emulation(11001);

var wb = web.form(winform);

wb.onDocumentReady =
function(url,mainFrameJSState,frameJSState){
    winform.text =
"firebug-lite.js已加载,请近F12试一试!"
}

wb.html =
/**
<!doctype html>
<html>
<head>
    <script src="https://cdn.bootcss.com/firebug-lite/1.4.0/firebug-lite.js#overrideConsole"></script>
</head>
<body>
    <div id="header">现在主流的浏览器都提供开发工具,都可以通过按F12打开开发工具非常方便</div>
    <div id="container">
        但有时候我们需要在内嵌的浏览器控件中使用开发工具,<br>
        这时候我们可以只要简单的在代码中加上下面的代码就可以了:<br><br>
        <script src="https://getfirebug.com/firebug-lite.js#overrideConsole" > </script >
    </div>
</body>
</html>
**/


winform.show();
return win.loopMessage();
   

回复

使用道具 举报

185

主题

2541

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
13974
 楼主| 发表于 2018-3-18 00:49:07 | 显示全部楼层
上面是分别使用web.kit, web.blink, web.form 等不同的组件调用Firebug Lite,
除了替换一下库名字,使用的源代码基本是一模一样的,aardio的库用法都类似,会了一个,基本上其他的也是一通百通。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

手机版|未经许可严禁引用或转载本站文章|站长邮箱|aardio.com|aardio官方社区 ( 皖ICP备09012014号 )

GMT+8, 2018-12-13 14:34 , Processed in 0.046875 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表