mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 01:27:34 +00:00
Browser: Display style properties in DOM Inspector
This makes use of the new `inspect_dom_node()` IPC call.
This commit is contained in:
parent
f381f8d63e
commit
1da07734bb
3 changed files with 48 additions and 3 deletions
|
@ -14,13 +14,35 @@
|
|||
#include <LibWeb/DOM/Document.h>
|
||||
#include <LibWeb/DOM/Element.h>
|
||||
#include <LibWeb/DOMTreeModel.h>
|
||||
#include <LibWeb/OutOfProcessWebView.h>
|
||||
#include <LibWeb/StylePropertiesModel.h>
|
||||
|
||||
namespace Browser {
|
||||
|
||||
void InspectorWidget::set_inspected_node(GUI::ModelIndex const)
|
||||
void InspectorWidget::set_inspected_node(GUI::ModelIndex const index)
|
||||
{
|
||||
// FIXME: Handle this for OutOfProcessWebView
|
||||
auto* json = static_cast<JsonObject const*>(index.internal_data());
|
||||
i32 inspected_node = json ? json->get("id").to_i32() : 0;
|
||||
if (inspected_node == m_inspected_node_id)
|
||||
return;
|
||||
m_inspected_node_id = inspected_node;
|
||||
|
||||
m_dom_tree_view->set_cursor(index, GUI::AbstractView::SelectionUpdate::Set);
|
||||
m_dom_tree_view->expand_all_parents_of(index);
|
||||
|
||||
auto maybe_inspected_node_properties = m_web_view->inspect_dom_node(m_inspected_node_id);
|
||||
if (maybe_inspected_node_properties.has_value()) {
|
||||
auto inspected_node_properties = maybe_inspected_node_properties.value();
|
||||
m_inspected_node_specified_values_json = inspected_node_properties.specified_values_json;
|
||||
m_inspected_node_computed_values_json = inspected_node_properties.computed_values_json;
|
||||
m_style_table_view->set_model(Web::StylePropertiesModel::create(m_inspected_node_specified_values_json.value().view()));
|
||||
m_computed_style_table_view->set_model(Web::StylePropertiesModel::create(m_inspected_node_computed_values_json.value().view()));
|
||||
} else {
|
||||
m_inspected_node_specified_values_json.clear();
|
||||
m_inspected_node_computed_values_json.clear();
|
||||
m_style_table_view->set_model(nullptr);
|
||||
m_computed_style_table_view->set_model(nullptr);
|
||||
}
|
||||
}
|
||||
|
||||
InspectorWidget::InspectorWidget()
|
||||
|
@ -64,4 +86,17 @@ void InspectorWidget::set_dom_json(String json)
|
|||
// m_layout_tree_view->set_model(Web::LayoutTreeModel::create(*document));
|
||||
}
|
||||
|
||||
void InspectorWidget::set_dom_node_properties_json(i32 node_id, String specified_values_json, String computed_values_json)
|
||||
{
|
||||
if (node_id != m_inspected_node_id) {
|
||||
dbgln("Got data for the wrong node id! Wanted {}, got {}", m_inspected_node_id, node_id);
|
||||
return;
|
||||
}
|
||||
|
||||
m_inspected_node_specified_values_json = specified_values_json;
|
||||
m_inspected_node_computed_values_json = computed_values_json;
|
||||
m_style_table_view->set_model(Web::StylePropertiesModel::create(m_inspected_node_specified_values_json.value().view()));
|
||||
m_computed_style_table_view->set_model(Web::StylePropertiesModel::create(m_inspected_node_computed_values_json.value().view()));
|
||||
}
|
||||
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue