Debugging interface for inserted elements in a resource

A system, comprising:

• at least one computing device operably coupled to at least one memory and configured to:
• detect a trigger for a request to provide a debugging interface for a webpage, wherein the webpage configured to display a plurality of content items;
• in response to detecting the trigger, transmit the request for the debugging interface to a remote device;
• receive, from the remote device, a script to provide the debugging interface for the webpage;
• insert the debugging interface into the webpage by injecting the script received from the remote device into code of the webpage during loading of the webpage by a browser application, wherein the debugging interface provided within the webpage displayed by the browser application;
• detect a characteristic indicative of at least one of a type of the browser application, a type of the at least one computing device, or an orientation of the at least one computing device;
• determine whether the detected characteristic satisfies a set of rules governing display of the content items within the webpage;
• generate debugging information relating to at least one of the content items based on the determination of whether the detected characteristic satisfies the set of rules governing display of the content items within the webpage, wherein the debugging information comprising information relating to a problem associated with the browser application displaying at least one of the content items in the webpage, wherein the script configured to perform one or more functions relating to the display of the debugging information;
• and
• provide the debugging information in the debugging interface inserted within the browser application.

One or more non-transitory computer-readable storage media having instructions stored thereon that, when executed by one or more processors of device, cause the one or more processors of the device to execute operations comprising:

• detecting a trigger for a request to provide a debugging interface for a webpage, wherein the webpage configured to display a plurality of content items;
• in response to detecting the trigger, transmitting the request for the debugging interface to a remote device;
• receiving, from the remote device, a script to provide the debugging interface from for the webpage;
• inserting the debugging interface into the webpage by injecting the script received from the remote device into code of the webpage during loading of the webpage by a browser application, wherein the debugging interface provided within the webpage displayed by the browser application;
• detecting a characteristic indicative of at least one of a type of the browser application, a type of the device, or an orientation of the device;
• determining whether the detected characteristic satisfies a set of rules governing display of the content items within the webpage;
• generating debugging information relating to at least one of the content items based on the determination of whether the detected characteristic satisfies the set of rules governing display of the content items within the webpage, wherein the debugging information comprising information relating to a problem associated with the browser application displaying at least one of the content items in the webpage, wherein the script configured to perform one or more functions relating to the display of the debugging information;
• and
• providing the debugging information in the debugging interface inserted within the browser application.