• 15
  • Feb

昨天山猫兄在评论里问我WebKit的问题,差点忘记回答了。

今天在LinuxTOY那篇Google Chrome上与华华兄谈起WebKitGtk的事情,就顺便在这里一起讲了吧。

我在WebKitGtk进展中讲到,WebKitGtk从r38834开始就已经实现JS开新窗口了。

现在我用的r40220当然也已经支持了,更何况两位兄台用的比我的还新一点!

可是大家说为什么GtkLauncher还是不支持JS打开新窗口呢?那是GtkLauncher这个程序没有写好的原因!

如果你只是简单地写了个显示WebView的demo,那么当你点击打开新窗口时,永远也不会有反应。因为WebKitGtk把这些处理都全权交给你了,你可以通过信号连接来决定是否要打开窗口,打开的窗口要多大,是否要打开到标签等等。

注意两个新增信号就可以了,一个是“create-web-view”,当JS新窗口事件时,这个会触发,另一个是“web-view-ready”,当新的WebView已经准备好时被触发,一般用于show_all新窗口或相关控件。

话说这种机制真的很灵活,你可以完全自由地控制有关新窗口的操作。接下来就等WebKitGtk其他方面的完善和六月份Linux版Chrome的发布了。

下面这个demo是改自GtkLauncher的,新增新窗口处理。

详情可见:https://bugs.webkit.org/show_bug.cgi?id=19130

PS:我该给Blog加个代码高亮处理了。

#include <gtk/gtk.h>
#include <webkit/webkit.h>

static GtkWidget* main_window;
static GtkWidget* uri_entry;
static GtkStatusbar* main_statusbar;
static WebKitWebView* web_view;
static gchar* main_title;
static gint load_progress;
static guint status_context_id;

static gboolean
show_web_view_cb (WebKitWebView* web_view)
{
    GtkWidget* window = gtk_widget_get_toplevel(GTK_WIDGET(web_view));
    gtk_widget_show_all(window);
    return TRUE;
}

static WebKitWebView*
create_web_view_cb (WebKitWebView* web_view, WebKitWebFrame* web_frame)
{
    GtkWidget* new_window;
    GtkWidget* scrolled_window;
    GtkWidget* new_web_view = webkit_web_view_new();

    g_signal_connect (G_OBJECT (new_web_view), "web-view-ready", G_CALLBACK (show_web_view_cb), NULL);

    new_window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
    scrolled_window = gtk_scrolled_window_new(NULL, NULL);
    gtk_widget_show(scrolled_window);
    gtk_container_add(GTK_CONTAINER(new_window), scrolled_window);
    gtk_container_add(GTK_CONTAINER(scrolled_window), new_web_view);

    return WEBKIT_WEB_VIEW(new_web_view);
}

static void
activate_uri_entry_cb (GtkWidget* entry, gpointer data)
{
    const gchar* uri = gtk_entry_get_text (GTK_ENTRY (entry));
    g_assert (uri);
    webkit_web_view_open (web_view, uri);
}

static void
update_title (GtkWindow* window)
{
    GString* string = g_string_new (main_title);
    g_string_append (string, " - WebKit Launcher");
    if (load_progress < 100)
        g_string_append_printf (string, " (%d%%)", load_progress);
    gchar* title = g_string_free (string, FALSE);
    gtk_window_set_title (window, title);
    g_free (title);
}

static void
link_hover_cb (WebKitWebView* page, const gchar* title, const gchar* link, gpointer data)
{
    /* underflow is allowed */
    gtk_statusbar_pop (main_statusbar, status_context_id);
    if (link)
        gtk_statusbar_push (main_statusbar, status_context_id, link);
}

static void
title_change_cb (WebKitWebView* web_view, WebKitWebFrame* web_frame, const gchar* title, gpointer data)
{
    if (main_title)
        g_free (main_title);
    main_title = g_strdup (title);
    update_title (GTK_WINDOW (main_window));
}

static void
progress_change_cb (WebKitWebView* page, gint progress, gpointer data)
{
    load_progress = progress;
    update_title (GTK_WINDOW (main_window));
}

static void
load_commit_cb (WebKitWebView* page, WebKitWebFrame* frame, gpointer data)
{
    const gchar* uri = webkit_web_frame_get_uri(frame);
    if (uri)
        gtk_entry_set_text (GTK_ENTRY (uri_entry), uri);
}

static void
destroy_cb (GtkWidget* widget, gpointer data)
{
    gtk_main_quit ();
}

static void
go_back_cb (GtkWidget* widget, gpointer data)
{
    webkit_web_view_go_back (web_view);
}

static void
go_forward_cb (GtkWidget* widget, gpointer data)
{
    webkit_web_view_go_forward (web_view);
}

static GtkWidget*
create_browser ()
{
    GtkWidget* scrolled_window = gtk_scrolled_window_new (NULL, NULL);
    gtk_scrolled_window_set_policy (GTK_SCROLLED_WINDOW (scrolled_window), GTK_POLICY_AUTOMATIC, GTK_POLICY_AUTOMATIC);

    web_view = WEBKIT_WEB_VIEW (webkit_web_view_new ());
    gtk_container_add (GTK_CONTAINER (scrolled_window), GTK_WIDGET (web_view));

    g_signal_connect (G_OBJECT (web_view), "create-web-view", G_CALLBACK (create_web_view_cb), NULL);
    g_signal_connect (G_OBJECT (web_view), "title-changed", G_CALLBACK (title_change_cb), web_view);
    g_signal_connect (G_OBJECT (web_view), "load-progress-changed", G_CALLBACK (progress_change_cb), web_view);
    g_signal_connect (G_OBJECT (web_view), "load-committed", G_CALLBACK (load_commit_cb), web_view);
    g_signal_connect (G_OBJECT (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;
}

static GtkWidget*
create_toolbar ()
{
    GtkWidget* toolbar = gtk_toolbar_new ();

    gtk_toolbar_set_orientation (GTK_TOOLBAR (toolbar), GTK_ORIENTATION_HORIZONTAL);
    gtk_toolbar_set_style (GTK_TOOLBAR (toolbar), GTK_TOOLBAR_BOTH_HORIZ);

    GtkToolItem* item;

    /* the back button */
    item = gtk_tool_button_new_from_stock (GTK_STOCK_GO_BACK);
    g_signal_connect (G_OBJECT (item), "clicked", G_CALLBACK (go_back_cb), NULL);
    gtk_toolbar_insert (GTK_TOOLBAR (toolbar), item, -1);

    /* The forward button */
    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);

    /* The URL entry */
    item = gtk_tool_item_new ();
    gtk_tool_item_set_expand (item, TRUE);
    uri_entry = gtk_entry_new ();
    gtk_container_add (GTK_CONTAINER (item), uri_entry);
    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_OBJECT (item), "clicked", G_CALLBACK (activate_uri_entry_cb), (gpointer)uri_entry);
    gtk_toolbar_insert (GTK_TOOLBAR (toolbar), item, -1);

    return toolbar;
}

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 (G_OBJECT (window), "destroy", G_CALLBACK (destroy_cb), NULL);

    return window;
}

int
main (int argc, char* argv[])
{
    gtk_init (&argc, &argv);

    GtkWidget* vbox = gtk_vbox_new (FALSE, 0);
    gtk_box_pack_start (GTK_BOX (vbox), create_toolbar (), FALSE, FALSE, 0);
    gtk_box_pack_start (GTK_BOX (vbox), create_browser (), TRUE, TRUE, 0);
    gtk_box_pack_start (GTK_BOX (vbox), create_statusbar (), FALSE, FALSE, 0);

    main_window = create_window ();
    gtk_container_add (GTK_CONTAINER (main_window), vbox);

    gchar* uri = (gchar*) (argc > 1 ? argv[1] : "http://www.google.com/");
    webkit_web_view_open (web_view, uri);

    gtk_widget_grab_focus (GTK_WIDGET (web_view));
    gtk_widget_show_all (main_window);
    gtk_main ();

    return 0;
}

» You can leave a comment.

13 Comments

  1. 山猫

    那补丁有些问题,乱改了下

    <pre>
    --- WebKitTools/GtkLauncher/main.c.orig 2009-02-15 21:29:21.000000000 +0800
    +++ WebKitTools/GtkLauncher/main.c 2009-02-15 21:28:06.000000000 +0800
    @@ -35,6 +35,34 @@ static gchar* main_title;
    static gint load_progress;
    static guint status_context_id;

    +static gboolean
    +show_web_view_cb (WebKitWebView* web_view)
    +{
    + GtkWidget* window = gtk_widget_get_toplevel(GTK_WIDGET(web_view));
    + gtk_widget_show_all(window);
    + return TRUE;
    +}
    +
    +static WebKitWebView*
    +create_web_view_cb (WebKitWebView* web_view, WebKitWebFrame* web_frame)
    +{
    + GtkWidget* new_window;
    + GtkWidget* scrolled_window;
    + GtkWidget* new_web_view = webkit_web_view_new();
    +
    + //g_signal_connect (G_OBJECT (new_web_view), "show-web-view", G_CALLBACK (show_web_view_cb), NULL);
    +
    + new_window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
    + scrolled_window = gtk_scrolled_window_new(NULL, NULL);
    + gtk_widget_show(scrolled_window);
    + gtk_container_add(GTK_CONTAINER(new_window), scrolled_window);
    + gtk_container_add(GTK_CONTAINER(scrolled_window), new_web_view);
    +
    + gtk_widget_show_all(new_window);
    +
    + return WEBKIT_WEB_VIEW(new_web_view);
    +}
    +
    static void
    activate_uri_entry_cb (GtkWidget* entry, gpointer data)
    {
    @@ -115,6 +143,7 @@ create_browser ()
    web_view = WEBKIT_WEB_VIEW (webkit_web_view_new ());
    gtk_container_add (GTK_CONTAINER (scrolled_window), GTK_WIDGET (web_view));

    + g_signal_connect (G_OBJECT (web_view), "create-web-view", G_CALLBACK (create_web_view_cb), NULL);
    g_signal_connect (G_OBJECT (web_view), "title-changed", G_CALLBACK (title_change_cb), web_view);
    g_signal_connect (G_OBJECT (web_view), "load-progress-changed", G_CALLBACK (progress_change_cb), web_view);
    g_signal_connect (G_OBJECT (web_view), "load-committed", G_CALLBACK (load_commit_cb), web_view);
    </pre>

    • 发现pulog的回复没有自动换行……呵呵,小bug一个。

      • 山猫

        这是 pre 标签贴代码,当然不要自动换行。

        自作主张换行了才是 Bug

        • 我是说回复……在Firefox里,回复和右边的Archive栏的内容重叠了,这个应该不是故意的设计吧……

          • 山猫

            pre 预格式化就是完全忠实原样,一行有多长就多长,绝不私自吞掉空格或乱加换行……

            当然 firefox 和 webkit 也支持预格式化自动换行的 css 样式,
            不过贴代码不合适。

  2. 山猫

    不过这样的新窗口太那啥了

  3. 山猫

    算了,不管,反正只是个演示。

    嗯,给想试试的新手:
    可以用这条命令来编译
    <pre>gcc `pkg-config --cflags --libs webkit-1.0 gtk+-2.0` main.c -s -o GtkLauncher</pre>

  4. 正在做这样一个程序,真是太感谢了!
    请教一下,Webkitgtk可以用于Windows么?

  5. 山猫

    用 pywebkit 带的 tabbed_browser.py 好了,还支持 inspector

Leave a Comment