google-chrome-devtools

How to change chrome packaged app id Or Why do we need key field in the manifest.json?

我是研究僧i 提交于 2019-12-17 02:07:12
问题 I'm developing packaged app for chrome store using one-time chrome wallet payments. For my app I need to check during the runtime if user bought the app or not to decide should it be demo functionality or full functionality. According to the chrome identity API documentation : to keep application ID constant, You need to copy the key in the installed manifest.json to your source manifest. I have 2 questions about this procedure: 1) under what condition the id of my application may change? I

Use `chrome.devtools.panels.create()` in Chrome Extension content script

ぃ、小莉子 提交于 2019-12-14 03:57:03
问题 I have this in a content-script: chrome.devtools.panels.create('Suman Extension Page Controls', 'icon.png', 'devtools-panel.html', function (panel) { console.log('my devtools panel.'); }); however, I get this error: Uncaught TypeError: Cannot read property 'panels' of undefined I tried adding "devtools" to the permissions array in my manifest.json file, but that's not allowed. Is there a way to use the devtools API from a content script? How do I dynamically add panels to DevTools on a random

how to attach debugger to device? chrome extention

我们两清 提交于 2019-12-14 03:52:41
问题 This is the code from my chrome extension, as far as i am aware it should return all targets that i can attach a debugger to: chrome.browserAction.onClicked.addListener(function(tab) { console.log('launching extention'); chrome.debugger.getTargets(function(result){ console.log('Result!'); console.log("count: "+result.length); for (index = 0; index < result.length; index++) { console.log(index+": "+result[index].url); } }); }); This is my console output from the above extension: This shows

View a function source code in firefox inspector

爷,独闯天下 提交于 2019-12-14 03:15:37
问题 In chrome, when you type a function in the console, the source code for that function is outputted. For example > $.rails.confirm function (message) { return confirm(message); } But in firefox inspector's console, it just outputs [object Function] How do I see a function's source code in Firefox inspector, like in chrome? 回答1: Just write in console function.toString(). Example: alert.toString() will output: "function alert() { [native code] }" 来源: https://stackoverflow.com/questions/23129449

chrome not showing the css source file name for the style

纵饮孤独 提交于 2019-12-14 01:42:39
问题 Google Chrome dev tools all of sudden stopped showing the CSS file names on my local drive - see screen shot at link: Link to CSS Dev tools no file names However when I goto the WWW it works just fine - there I can see the CSS file names? Can someone please help - I don't think it was me as I have been using them for years and it has worked just fine. See Web screen shot: Web Site link dev tools with file names I just noticed this today Thank you. 回答1: I wonder if it is a symptom of using

Google Chrome Dev tools can not show body content in Elements Tag

淺唱寂寞╮ 提交于 2019-12-14 00:29:56
问题 Anybody have the situation like this: Under Chrome Dev tools's Elements tag, body tag's content can not show. The only method is close the dev tool and reopen. 回答1: It's a Chrome bug, it still happens in Canary, crbug.com/829884. Refresh Devtools with Alt + R to fix if it happens. Edit: update - bug fixed 回答2: Bug disappeared after I forced Chrome to look for new updates and let it update to the latest version. My version is now Version 67.0.3396.62 (Official Build) (64-Bit) 来源: https:/

API Reference for chrome.devtools.network

一个人想着一个人 提交于 2019-12-13 20:27:17
问题 for my daily work I have to look a lot at network requests made by the browser and for a long while I used firebug to do that. Firebug had a really cool at pleasent and clean way to show XHR requests in the console. The Firebug DevTools do not offer that same clear GUI and it is a lot of scrolling. The chrome devtools are better but also do not offer the same sort of firebug convenience. So I want to write a extension for that myself to perfectly suit my needs but so far I am a little bit

Javascript: Retrieve file and line location of function during runtime

。_饼干妹妹 提交于 2019-12-13 20:22:09
问题 I am trying to get the file and line location of a function I saved in an object. If I am logging the object to the Chrome Dev Tools I see this: Can I somehow from inside the code access [[FunctionLocation]] ? Or is this something the Chrome Dev Tools add to the object? If so, is it possible to retrieve the function location when I am developing a Chrome Dev Tools extension or a Chrome extension? 回答1: You still cannot access the internal properties through JavaScript. The information is

Chrome Console/Extensions: Visit a URL and click a button. Rinse and repeat for a different URL

怎甘沉沦 提交于 2019-12-13 20:18:10
问题 INITIAL QUESTION: Is it possible to run javascript from Chrome's Console that will: Navigate to a given URL Click a button I'd like to repeat the above steps for hundreds of URLs. I'm sure if I get the two steps working iterating over a number of URLs will be fairly straightforward. So, I've made Console persistent between page refreshes, so that's a good start...but it seems the Click event it not being triggered. The clicking command works fine if I manually navigate to the URL then run it

Atom Electron - Detect Dev Tools ready

天大地大妈咪最大 提交于 2019-12-13 18:56:35
问题 This issue relates to Chromium/Node.js (Atom Electron, Node Webkit, etc) based apps and not Chrome browser based apps. When debugging the boot code of a program that uses Chromium and Node.js, there is a significant delay between the time that Dev Tools is invoked and it actually starts up fully, including the ability to execute break points. This means that in order to debug boot logic of an app, which occurs immediately after Dev Tools is invoked, inserted or stored breakpoints don't fire