Skip to main content
Filter by
Sorted by
Tagged with
7 votes
1 answer
1k views

How to print the cause for a thrown Error in Chrome console?

Since July 2021 they have added a new error cause property in Javascript, so we are able to do: throw new Error('New error message', { cause: err }); In Firefox this err object is shown after the ...
Gnut's user avatar
  • 657
0 votes
1 answer
6k views

What is DPR in chrome developer tools? How is it used and why?

I was trying to emulate a device. I don't understand what does DPR do. For example if I want to add my mobile with resolution 720×1440. I write 360×720 to fit it on my laptop screen with 100% zoom ...
Mousin Ahanger's user avatar
1 vote
0 answers
292 views

XHR request for json content responding with gibberish

I am quite new to API testing and any topics in networking in general. I'm attempting to retrieve BC, Canada school names and rankings from a website. The target data is in the right table, available ...
tsn's user avatar
  • 11
0 votes
2 answers
51 views

JavaScript is linked, but won't show up in the Chrome Developer Console

I've been working my way through the Udemy Web Development Bootcamp, and I am on a unit that asks us to make a To Do list so we can practice creating arrays, adding to and removing from them, and so ...
Jake's user avatar
  • 17
0 votes
0 answers
1k views

Brackets.io < data-bracket-id=" " >issue. How to remove out when using Chrome Dev Tools

I'm using Brackets to write HTML/CSS but when I do Live Previews and open Chrome Dev tools(Ctr+Shift+i). It's always have data-bracket-id=" " insert into every tag. It make confuse when reading on ...
SamMan0955's user avatar
9 votes
2 answers
4k views

cannot add extra spaces '&nbsp;' in chrome developer tools while editing

I was trying to add extra spaces (&nbsp;) inside a div tag in Elements section in chrome developer tools. <div>hello&nbsp;&nbsp;world</div> The above renders as literal. ...
Binary Baba's user avatar
  • 2,063
0 votes
4 answers
11k views

How to get the css for tooltip which appears on hover?

I am trying to get css used for hover tooltip by using inspect element in google chrome developer tool.Tooltip appears when I hover on edit pencil Icon. as soon as I move the mouse to inspect the ...
Ganesh Devkate's user avatar
0 votes
0 answers
105 views

Lookup occurrence of append form submit via JavaScript

How can I debug (folding a web page) in Chrome's Dev Tools when JavaScript is executed on the client side by the browser, and the JavaScript is appending a submit a query from form. For example, I ...
ceph3us's user avatar
  • 7,434
9 votes
2 answers
58k views

REST API Testing: How to get response using Google Chrome developer tools?

I'm very new to API testing. I'm trying to make use of Google Chrome's developer tools to understand and explore this subject. Question 1: Is it possible to get the response (possibly in JSON format)...
iamkenos's user avatar
  • 1,566
2 votes
0 answers
197 views

Error running Hello World in main.dart

The following error shows up when i'm trying to run the hello world default code when you create a project in with project type: Dart Chrome App [error] Can't read 'package:chrome/chrome_app.dart' (...
Pablo Mujica's user avatar
0 votes
1 answer
94 views

polymer only works when launched with chrome dev editor

It's more of a question of why rather than please fix this. Polymer elements are made for websites, not just chrome apps, right? So why when I open the html file with chrome does it not work but when ...
Justin's user avatar
  • 1,029
1 vote
1 answer
144 views

Publishing Chrome Extension using Chrome Dev Editor

I am trying to publish a sample chrome extension using the Chrome Dev editor, but once I click on the "Publish To Chrome Web Store" option I get redirected to a Google Login page in Chrome. After ...
Deant's user avatar
  • 87
0 votes
1 answer
5k views

how user agent in network conditions tab works

This is the screenshot of network conditions tab in google chrome. It allows you to set browser specs. I am wondering, how is this done? It surely doesn't change navigator object directly, since it ...
sanjihan's user avatar
  • 5,952
0 votes
1 answer
35 views

Is it possible to set custom shortcuts for Styles Editor in Chrome Dev Tools?

In spite of that the Style Editor returns you a hint when you start typing a style name or value, it is quite annoying and time consuming to type styles in the editor without shortcuts when you edit ...
Green's user avatar
  • 30.4k
9 votes
3 answers
12k views

Is there a shortcut to toggle "display: none/block" in element's style in Chrome DevTools?

In Chrome DevTools there is a shortcut to show/hide an element: Chrome adds __web-inspector-hide-shortcut__ class to the element, but it is nothing more than visibility: hidden: Is there similar ...
Green's user avatar
  • 30.4k
1 vote
1 answer
166 views

Chrome dev editor can't get packages, and can't run the basic app

I have installed a Chrome dev editor tool, created a dart web app, and I unable to run it I get this error when I try to run it image Then I tried to get the packages "Pub Get" and get this error ...
olyar's user avatar
  • 64
3 votes
2 answers
1k views

How to write file in Google Chrome App without prompting?

I am fumbling around with the free Chrome Dev Editor on my Chromebook. I am trying to use the fileSystem to read and write .txt files. It is all very wrapped up, not at all like in C. I can no more ...
Ian G Coville's user avatar
1 vote
2 answers
69 views

How to use Chrome Dev Tools script in its console?

I've created a simple plugin for Chrome, that provide me some functions, for example, a function to create a new cookie when pressing some keys. When the page loads, I can see that the file was ...
Gabriel Santos Carvalho's user avatar
0 votes
1 answer
2k views

Sending information through bluetooth using Javascript

I'm planning on making an HTML5 Chrome App where users will be able to connect to each other using bluetooth and they will be able to send messages. How can I do this.
Kitanga Nday's user avatar
  • 3,555
0 votes
0 answers
415 views

Trying to make a fullscreen webview packaged app for Chrome. The fullscreen permission doesn't exist?

I'm looking to make a packaged app for Chrome OS which can run videos in fullscreen. The videos are hosted online, and are loaded through a webview. Upon trying to fullscreen the video, it flashes for ...
alfonsojon's user avatar
0 votes
1 answer
123 views

Script tags don't work in Chrome Dev Editor

I'm using the Chrome App "Chrome Dev Editor" to make an Extension, but for some reason the script tags (which are in body tags) don't seem to work. I have tried to take the code and put it in codepen....
EvilLemon's user avatar
0 votes
0 answers
70 views

Saving over files in source in Chrome Developer tools has stopped working

I previously enjoyed making changes in CSS in Chrome Developer Tools, then saving over the CSS file in my local storage, using sources tab. This now has stopped working. I can save as, replace, but ...
artworkjpm's user avatar
  • 1,327
15 votes
3 answers
28k views

Unable to Live Edit Javascript in Chrome Developer Tools

I have done this a million times, i.e open the javascript file in the "Sources" tab, edit and hit CTRL+S to save it, upon which Chrome would confirm the same with a "Recompilation and Update Succeeded"...
Neo's user avatar
  • 160
0 votes
1 answer
489 views

How to indent with chrome dev editor?

I've search around the internet and the Chrome Dev Editor options, but didn't find the shortcut to indent my code. I've tried a lot of shortcuts already, perhaps I missed one of them.
Arthur Leh's user avatar
0 votes
4 answers
557 views

Async/await dart support on Chrome Dev Editor

Dart recently added a support for async/await keywords: https://www.dartlang.org/articles/await-async/ I tried to run a simple code but Chrome Dev Editor does not recognise async keyword import 'dart:...
Conchylicultor's user avatar
1 vote
1 answer
567 views

Sample polymer-enabled Chrome App not running

I just installed Chrome Dev Editor and gave it a try with one of the sample templates: New Project >> Project Type = JavaScript Chrome App (using Polymer paper elements) >> Create Right-click >> ...
Ahrrrin Jon's user avatar
0 votes
1 answer
64 views

How to test cordova contacts plugin with CADT or inside CDE?

How do I test my chrome mobile app using chrome-dev-editor if it has the contacts API? If I use the "run" option in CDE, then navigator.cotacts is undefined. The same thing happens if I use "realtime ...
Uri's user avatar
  • 26.8k
1 vote
2 answers
3k views

How to link external CSS stylesheets on a Chromebook

I'm developing a website and I need to use external CSS stylesheets. The only drawback is I'm using a new Chromebook after migrating from Windows. I'm using CDE, so how should I link an external ...
user avatar
3 votes
2 answers
1k views

Chrome Dev Editor (CDE) Default Shortcut Key Bindings?

I am having lots of fun playing with the new CDE, BUT, I have not been able to find much documentation on it. Does anyone know the default shortcut key bindings? And secret commands? I understand it ...
user1541413's user avatar
1 vote
4 answers
920 views

Chrome Dev Editor's Sample Polymer App Displays Blank Window

The polymer app that is generated when "JavaScript Polymer custom element" is selected as the project type in Chrome Dev Editor's "New Project" dialog displays a blank screen when run. Is this a bug ...
Peter's user avatar
  • 1,700