RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-25 17:07:34 +00:00
Code Issues Activity Actions

Browser: Add "Inspect Element" to context menu :^)

Browse source 
This opens the DOM Inspector window, with the target element already
selected. (If the window is already open, it just selects the element.)

Note that this only applies to single-process mode for now. In OOP mode,
the "inspect element" action is disabled.
This commit is contained in:
Sam Atkins 2021-08-17 17:00:27 +01:00 • committed by Andreas Kling
parent 8eef509c1b
commit 37f060b873
6 changed files with 69 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

27
Userland/Applications/Browser/BrowserWindow.cpp
View file

@ -212,29 +212,18 @@ void BrowserWindow::build_menus()
m_inspect_dom_tree_action = GUI::Action::create(
"Inspect &DOM Tree", { Mod_None, Key_F12 }, [this](auto&) {
auto& tab = active_tab();
if (tab.m_type == Tab::Type::InProcessWebView) {
if (!tab.m_dom_inspector_window) {
tab.m_dom_inspector_window = GUI::Window::construct(this);
tab.m_dom_inspector_window->resize(300, 500);
tab.m_dom_inspector_window->set_title("DOM inspector");
tab.m_dom_inspector_window->set_icon(Gfx::Bitmap::try_load_from_file("/res/icons/16x16/inspector-object.png"));
tab.m_dom_inspector_window->set_main_widget<InspectorWidget>();
tab.m_dom_inspector_window->on_close = [&]() {
tab.m_page_view->document()->set_inspected_node(nullptr);
};
}
auto* inspector_widget = static_cast<InspectorWidget*>(tab.m_dom_inspector_window->main_widget());
inspector_widget->set_document(tab.m_page_view->document());
tab.m_dom_inspector_window->show();
tab.m_dom_inspector_window->move_to_front();
} else {
tab.m_web_content_view->inspect_dom_tree();
}
active_tab().show_inspector_window(Tab::InspectorTarget::Document);
},
this);
m_inspect_dom_tree_action->set_status_tip("Open DOM inspector window for this page");
m_inspect_dom_node_action = GUI::Action::create(
"&Inspect Element", [this](auto&) {
active_tab().show_inspector_window(Tab::InspectorTarget::HoveredElement);
},
this);
m_inspect_dom_node_action->set_status_tip("Open DOM inspector for this element");
auto& inspect_menu = add_menu("&Inspect");
inspect_menu.add_action(*m_view_source_action);
inspect_menu.add_action(*m_inspect_dom_tree_action);