Webkit自带谷歌浏览器实例分析（2）

最新推荐文章于 2024-07-05 16:57:14 发布
最新推荐文章于 2024-07-05 16:57:14 发布
阅读量775 收藏
点赞数
分类专栏： Android Webkit 文章标签： webkit 浏览器 gtk signal callback browser

Webkit自带谷歌浏览器实例分析（2） 收藏

作者：水木杨

     上篇说到，咱们把main函数走了一遍了，是不是可以写个基于webkit简单的浏览器了呢？

非也，，，其实即便是这么简单的浏览器，代码也还没完。Main函数只是整个程序的一个入口而已，也就是说只是个门口，，，~~~~(>_<)~~~~ 好辛苦啊……里边东西多着哩！

还有三个创建整个浏览器界面的函数，不过我认为对了解Gtk的人来说应该不是很麻烦，只是核心部分是与webkit的接口，是不是还是像上节那样一直挖下去呢？快来看看吧~

还是先找重点的那三个函数。。。

/*严格来说这个例子很懒，直接定义在main函数之前了，有点乱是不*/

static GtkWidget* create_toolbar (){} /*返回个工具栏，，，有点废话哈~*/

static GtkWidget* create_browser (){}/*返回个browser，，，依然废话哈~，这个browser是什么哇？有点犯嘀咕*/

static GtkWidget* create_statusbar (){}  /*这个好理解多了*/

 

/*Come on baby!创建工具栏啦*/

static GtkWidget*

create_toolbar ()

{

    GtkWidget* toolbar = gtk_toolbar_new (); /*创建一个工具栏部件*/

 

#if GTK_CHECK_VERSION(2,15,0) /*检查GTK+的版本，版本要比括号中的新才好*/

    gtk_orientable_set_orientation (GTK_ORIENTABLE (toolbar), GTK_ORIENTATION_HORIZONTAL);

#else

    gtk_toolbar_set_orientation (GTK_TOOLBAR (toolbar),

/*设置工具箱是水平显示还是垂直显示*/ GTK_ORIENTATION_HORIZONTAL);

#endif

    /*设置toolbar风格GTK_TOOLBAR_BOTH_HORIZ 是自定义的*/

    gtk_toolbar_set_style (GTK_TOOLBAR (toolbar), GTK_TOOLBAR_BOTH_HORIZ);

 

    GtkToolItem* item; /*新建一个小家伙，准备暂存工具栏的控件*/

 

    /* 后退按钮下边红色部分函数是从储存库中得到GTK_STOCK_GO_BACK图标*/

    item = gtk_tool_button_new_from_stock (GTK_STOCK_GO_BACK);

 

/*将信号click与item部件绑定，点击按钮时候调用go_back_cb ，null是要传给回调函数的参数，这里为空。一会再分析回调函数，回调函数一般cb结尾*/

    g_signal_connect (G_OBJECT (item), "clicked", G_CALLBACK (go_back_cb), NULL);

    gtk_toolbar_insert (GTK_TOOLBAR (toolbar), item, -1);/*负1表示从工具栏的最后第一个位置追加*/

 

    /* 前进按钮，同上，就不罗嗦了 */

    item = gtk_tool_button_new_from_stock (GTK_STOCK_GO_FORWARD);

    g_signal_connect (G_OBJECT (item), "clicked", G_CALLBACK (go_forward_cb), NULL);

    gtk_toolbar_insert (GTK_TOOLBAR (toolbar), item, -1);/*追加到最后一个*/

 

    /* 地址输入栏，，，注意了啊，含金量的地方！O(∩_∩)O */

    item = gtk_tool_item_new ();

    gtk_tool_item_set_expand (item, TRUE);/*将item放大占据额外的控件*/

    uri_entry = gtk_entry_new ();/*创建一个网址输入框直接加到工具栏可否？*/

    gtk_container_add (GTK_CONTAINER (item), uri_entry);/*放到item中去*/

    g_signal_connect (G_OBJECT (uri_entry), "activate", G_CALLBACK (activate_uri_entry_cb), NULL);

    gtk_toolbar_insert (GTK_TOOLBAR (toolbar), item, -1);

 

    /* The go button */

    item = gtk_tool_button_new_from_stock (GTK_STOCK_OK);

 

       /* g_signal_connect_swapped 与g_signal_connect 意思一样，只不过前者的回调函数有一个参数，也就是g_signal_connect_swapped的第四个参数，这次非空了噶 */

    g_signal_connect_swapped (G_OBJECT (item), "clicked", G_CALLBACK (activate_uri_entry_cb), (gpointer)uri_entry);

    gtk_toolbar_insert (GTK_TOOLBAR (toolbar), item, -1);

 

    return toolbar;

}/*工具栏创建完毕，，，先把这三个函数看完，待会去看回调函数去*/

 

 

 

/*创建browser，何为browser，，，我也不知道，不过一会就知道了*/

static GtkWidget*

create_browser ()

{   /*先创建一个带滚动条的滚动窗，原来如此，滚动条是滚动窗的一部分啊*/

    GtkWidget* scrolled_window = gtk_scrolled_window_new (NULL, NULL);

/*为滚动条设置一个方针，GTK_POLICY_AUTOMATIC 意思是需要时候才显示*/

    gtk_scrolled_window_set_policy (GTK_SCROLLED_WINDOW (scrolled_window), GTK_POLICY_AUTOMATIC, GTK_POLICY_AUTOMATIC);

/*这个是全局变量，相当于一个view就是(标题栏+页面)视图，然后放入滚动窗*/

    web_view = WEBKIT_WEB_VIEW (webkit_web_view_new ());

    gtk_container_add (GTK_CONTAINER (scrolled_window), GTK_WIDGET (web_view));

 

g_signal_connect (web_view, "title-changed", G_CALLBACK (title_change_cb), web_view);/* title-changed信号与web_view绑定.时间发生调用title_change_cb回调函数改变标题*/

    g_signal_connect (web_view, "notify::load-status", G_CALLBACK (notify_load_status_cb), web_view);/*加载状态*/

    g_signal_connect (web_view, "notify::progress", G_CALLBACK (notify_progress_cb), web_view);/*加载进度*/

    g_signal_connect (web_view, "hovering-over-link", G_CALLBACK (link_hover_cb), web_view);

 

    return scrolled_window;

} /*至此带滚动条的窗口创建完毕，，，回调函数与信号回头一起研究*/

 

 

static GtkWidget*

create_statusbar ()

{

    main_statusbar = GTK_STATUSBAR (gtk_statusbar_new ());

    status_context_id = gtk_statusbar_get_context_id (main_statusbar, "Link Hover");

 

    return (GtkWidget*)main_statusbar;

}/*创建状态栏*/

 

/*下面该创建个东西放这三个：工具栏、状态栏、browser了，创建mainwindow*/

static GtkWidget*

create_window ()

{

        /*创建一个主窗口*/

    GtkWidget* window = gtk_window_new (GTK_WINDOW_TOPLEVEL);

    /*设置默认大小*/

    gtk_window_set_default_size (GTK_WINDOW (window), 800, 600);

    gtk_widget_set_name (window, "GtkLauncher");/*设置窗口名字*/

   

    /*绑定销毁回调函数，一般来说都会有这个函数的*/

    g_signal_connect (window, "destroy", G_CALLBACK (destroy_cb), NULL);

 

    return window;

}/*主窗口创建完毕*/

目前为止，整个程序基本上走完了一遍，程序的第二个层次也已分析完毕，，，剩下的回调函数部分是与webkit接触最为紧密的一部分，且听下回细细道来

发表于 @ 2011年04月19日　10:34:00 | 评论( 0 ) | 举报| 收藏

y296144646q
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
C/C++开发人员要了解的几大著名C/C++开源库
dvlinker的技术专栏
07-24 1万+
本文详细讲述C/C++开发人员需要了解的几大著名C/C++开源库。
WebView遇到的坑及优化，flutter小程序引擎
m0_64604636的博客
12-10 781
uploadMessage = valueCallback; openImageChooserActivity(); } // android 3.0以上，android4.0以下：用的这个方法 public void openFileChooser(ValueCallback valueCallback, String acceptType) { uploadMessage = valueCallback; openImageChooserActivity(); } //android 4.0 - and
webkit自带谷歌浏览器实例分析
12-01
webkit自带谷歌浏览器实例分析
Webkit自带谷歌浏览器实例分析（3）
04-19 398
第二节我们几个重要函数的实现涉及到的回调函数都没有过多的解释，是因为我想单独的拿出来品味，慢慢享用。/*这是上边用到的几个全局变量*/static GtkWidget* main_window;static GtkWidget* uri_entry;static GtkStatusbar* main_statusbar;static WebKitWebView* web_view;  /*这里就是指的我们平常看到的浏览器（标题+页面）视图*/static gchar* main_title;static g
Webkit自带谷歌浏览器实例分析（1）
04-19 652
这个程序是用source insight阅读的，，，source insight怎一个强字了得？！从main函数开始分析：intmain (int argc, char* argv[]){    gtk_init (&argc, &argv);       /*初始化gtk整个实例，每个gtk中必有的*/    if (!g_thread_supported ())        g_thread_init (NULL);GtkWidget* vbox = gtk_vbox_new (FALSE, 0); 
webkit实例代码,实现JS和C++、HTML相互操作
10-07
webkit实例代码,实现JS和C++、HTML相互操作,已经经过测试，里面包含JS和HTML的测试网页
webkit自带谷歌浏览器实例分析[参照].pdf
10-12
webkit自带谷歌浏览器实例分析[参照].pdf
python爬虫实例方法（批量爬取网页信息基础代码）
qq_29960631的博客
08-31 8119
文章目录前言一、爬虫实例0.爬取深圳租房信息1.爬取深圳算法岗位信息2.爬取猫图片（基于 selenium库 模拟人自动点击）3.爬取小说纳兰无敌并生成词云二、用到的库1.正则表达式 re 库2.BeautifulSoup 库3.request库三、其他内容1、常用网址2、重要点3、爬虫三大步骤4、关于python的快速安装 前言 8月31日爬虫笔记汇总，有不明白的欢迎提问交流。 #如有不当之处欢迎大佬指正# 提示：以下是本篇文章正文内容，下面案例可供参考 一、爬虫实例 0.爬取深圳租房信息 流程分析.
WebKit架构简介：深入探索与代码实例分析
Programming Talk
04-08 903
WebKit，作为一款开源的网页浏览器引擎，被广泛应用于Safari、Google Chrome（在Chrome中，WebKit的主要部分已经被 Blink 引擎替代）和其他众多基于WebKit开发的浏览器中。WebKit的设计以KHTML为基础，并采用KHTML的KHTML排版引擎和JavaScriptCore解析引擎，为用户提供高效、稳定的网页渲染与脚本执行能力。总结来说，WebKit作为一个复杂的系统级软件项目，其架构设计充分体现了现代浏览器引擎对于性能、稳定性和标准兼容性的极致追求。
WebKit 简介及其工作流程（附示例Code）
最新发布
Young_Pro的博客
07-05 1190
WebKit是一个功能强大的浏览器引擎，它通过解析HTML文档、加载外部资源、构建渲染树、布局、绘制等过程，将网页内容呈现给用户。同时，WebKit还支持JavaScript脚本，使用户能够与页面进行交互。
探索WebKit的奥秘：打造高效、兼容的现代网页应用
qq_70814008的博客
04-12 1368
WebKit是一个功能强大的浏览器引擎，它的模块化设计使得各个部分可以独立更新和优化。通过理解WebKit的结构和工作原理，开发者可以更有效地开发和调试网页应用。在实际开发中，WebKit的这些特性和工具可以帮助我们创建更加高效、兼容性更强的网页，为用户提供更好的浏览体验。通过文章中的这些代码实例，我们可以更深入地理解WebKit的工作方式和它所提供的功能。这些实例不仅展示了WebKit的强大功能，也为我们提供了实际开发中可能会用到的实用技巧。
如何用WebKitGtk处理打开新窗口
yjfkpyu的专栏
03-10 2374
Post by TualatriX at 2009 . Category: Desktop Develop. 573 Views. 12 Comments 昨天山猫兄在评论里问我WebKit的问题，差点忘记回答了。今天在LinuxTOY那篇Google Chrome上与华华兄谈起WebKitGtk的事情，就顺便在这里一起讲了吧。  我在WebKitGtk进展中讲到，
webkit 之 webview
移动开发记录
03-21 221
WEBKIT之WebView WebView 是webkit最核心的一个view,WebView管理WebFrameView和WebFrame之间的交互，一个WebView对象绑定一个window,并且要求MainFrame加载url，一个WebPage对应一个Window.WebView它对应的是根window。它负责处理外部所有消息,并转发给相关模块。它负...
Android Hybrid混合开发(Webview+JSBridge)简介
Aile
05-07 6148
导论: WebView是一个基于webkit引擎、展现web页面的android控件,由于H5的快速发展,现在Hybrid混合开发已经成为中庸选择.本篇主要介绍webview及开源框架JSBridge.Webview知识: 1:注册相关权限<uses-permission android:name="android.permission.INTERNET" /> <uses-permission
webview最全面详解（一）了解官方文档
热门推荐
奋斗的小菜鸡的博客
09-20 1万+
简单介绍 WebView是手机中内置了一款高性能 webkit 内核浏览器,在 SDK 中封装的一个组件。没有提供地址栏和导航栏，WebView只是单纯的展示一个网页界面。在开发中经常都会用到。 显示和渲染Web页面 直接使用html文件（网络上或本地assets中）作布局 可和JavaScript交互调用 WebView控件功能强大，除了具有一般View的属性和设置外，还可以对url请...
桌面应用开发的新秀——webview
weixin_34032779的博客
05-19 1358
如果让你以最快的方式开发一个桌面应用，你会怎么做？用html画好界面，然后给它加一个exe的壳子。我们知道electron就可以做到。 为什么要加exe的壳子呢？直接用浏览器不好吗？ 不好。因为不能Alt+Tab来切换应用。而且浏览器的标签页太多了，根本不知道之前打开的应用在哪个标签里。 除了electron，我们还可以使用webview。 electr...
CSS的未来：一些试验性CSS属性
weixin_30247781的博客
08-23 890
但是，隐藏在浏览器的大宝库中是一些高级的、被严重低估的属性，但是它们并没有得到太多的关注。或许它们中的一些应该这样(被无视)，但是其它的属性应该得到更多的认可。最伟大的财富隐藏在Webkit的下面，而且在iPhone、iPad和Android apps的时代，开始了解它们会灰常有用。就连Firefox等使用的Gecko引擎，也提供了一些独特的属性。在本文中，我们将看一下鲜为人知的CSS ...
Qtwebkit初学例子（附代码）
虽千万人，吾往矣
02-06 1600
WebKit 是一个开源的浏览器引擎，与之相应的引擎有Gecko（Mozilla Firefox 等使用的排版引擎）和Trident（也称为MSHTML，IE 使用的排版引擎）。同时WebKit 也是苹果Mac OS X 系统引擎框架版本的名称，主要用于Safari，Dashboard，Mail 和其他一些Mac OS X 程序。WebKit 所包含的 WebCore 排版引擎和 JSCore
CSS滚动条样式自定义指南：Webkit和IE浏览器实践
本文将介绍CSS滚动条选择器，并在demo中展示如何在Webkit内核浏览器和IE浏览器中，自定义一个横向以及一个纵向的滚动条。 一、Webkit内核的CSS滚动条选择器 在Webkit内核浏览器中，我们可以使用::-webkit-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值