I just looked on the Getting Started: Building a Chrome Extension Page, and I couldn't get the One-Click Kittens extension to work on my version of canary (31.0.1605.1 canary Aura). If I right click on it and click on "Inspect popup", the extension shows up with a developer window, but it won't work if I just click on it.
It works in Chrome Dev Version 30.0.1568.2, though.
I downloaded all the files from the website.
Is it a problem with the code, Google Chrome canary, or something else?
Thanks.
Related
I have installed latest version of Android Studio as well as all the necessary plugins such as Dart and Flutter. When I run an application and hit the Flutter Inspector tab on the right side of the screen, the Flutter Inspector window pops up with a message saying "The JxBrowser license could not be found".
I have tried all the workarounds indicated in this thread but were to no avail.
Is there anything I missed about the JxBrowser or something?
I've experienced the same message. But I think I've found a temporal way to use the inspector on Android Studio without Layout Explorer (Visualization part for widgets) before Flutter team fixing it.
Go to Preferences > Languages & Frameworks > Flutter and uncheck Enable embedding DevTools in the Flutter Inspector tool window
Then you can use it without Layout Explorer inside Android Studio.
But, if you have to use such a Layout Explorer, then you can use the DevTools in the browser.
I could not find solution to this either on google or here on StackOverflow. There is only and only 1 question answered related to this issue [https://stackoverflow.com/questions/64655867/about-android-studio-and-flutter-inspector], however for a beginner like me, its not clear about what exactly to do.
Additional information:
OS: Windows
Android studio version 4.1.1
App is running in avd when I opened flutter inspector panel.
Stopped and run the app again.
Previously, somewhere I read that if inspector is not showing anything, click on any widget pressing ctrl key. That worked previously, but not working now. Sure, that was different error and different situation.
flutter doctor screenshot also attached
flutter inspector screenshot
flutter doctor screenshot
This answer from related question helped.
...
And the third one (the one that worked for me): go to File >
Settings > Languages & Frameworks > Flutter > Experiments … and there
you should uncheck “Enable embedding DevTools in the Flutter Inspector
tool window”. That should allow you to use devtools locally instead of
the embedded ones.
picture for reference
Source: https://stackoverflow.com/a/65542661/17789382
Launch Flutter DevTools from terminal using command dart devtools which opens DevTools in the browser. Connect to the address in which debug/run service listening on. Address can be found in the console when the app starts running. Ex: ws://127.0.0.1:54851/JF3H6rhQnN0=/ws.
The following steps helped me to get Flutter Inspector Widget Tree back, hopefully, it will help you as well:
File -> Settings -> Languages & Frameworks -> Flutter:
Enable (Check) "Open Flutter Inspector view on app launch"
Stop and start the app again.
Note: In order for something to show up in the Flutter Inspector, your app has to be running on a Device or on a Simulator or Emulator.
I am creating an Office App (Outlook addin/web-app). While debugging, the app is always launching in IE desktop version. I want to start debugging the app in non-IE browser - FF, Chrome. I couldn't find any settings related to this within the project. How can I achieve that?
Any help will be appreciated.
Thanks.
Microsoft Visual Studio: Currently you will be able to debug you project in Visual studio 2015 or later only using IE browser. By "debugging in VS" I meant you set breakpoints directly in IDE for your JS code. As of VS2017 RC release you will be able to debug your project in two browsers (IE and Chrome), even today, Edge coming as well. Please see Client-side debugging of ASP.NET projects in Google Chrome.
If you need just to start your project in yet another browser (Chrome, Edge, Firefox) you need to use this article to switch your Browser in IDE: Testing with an Alternate Browser. After you switch to another browser, please restart VS; I have tried this myself and it works, your project will be started in the browser of your choice by pressing F5. With this approach you would need to debug your code with development tools of this browser (F12) or some 3rd party extension.
Visual Studio Code: (VS community edition) Looks like have support for debugging your code in Chrome and setting up break points directly in VS Code IDE. Please refer to Introducing Chrome Debugging for VS Code. You would require to install VS extension as described in the article.
Other options: If you are using yet another Tool please refer to the following blog about different methods of debugging office add-ins: The many ways of office web add-ins debugging
I finally figured out the solution. Select the Manifest project, hit F4 to open Properties window. Choose your preferred Start Action. Here is a screenshot.
Start Action image
I'm new to Intellij IDE and I was wondering if it's possible to debug Chrome extensions within the IDE.
I can start Chrome debugging session from the IDE, but I can't set any breakpoints.
The problem, if I understand it correctly, is that Chrome moves the JS files to the profile directory when I install the extension, so Intellij can't monitor them anymore.
It is not possible right now. Actual problem — IDEA tries to connect, but special chrome extension page should be used. Vote for http://youtrack.jetbrains.com/issue/WEB-9708
I've got a typescript game and source maps are successfully loaded in chrome and the typescript file breakpoints get hit in chrome.
However breakpoints in VS2012 fail to get hit when debugging from VS 2012.
Any ideas what to do to get this working?
It only works in IE 9 and IE 10 from Visual Studio. If you use the sourcemaps, you can get debug in the Chrome Canary browser.
Use IE 10+ instead! thats all I can get to work right now