Crossrider Debug mode for chrome - crossrider

I've been trying to use Debug Mode but whenever I enable it my popup extension will show empty and when I checked the dom via inspect element I only see "js/lib/popupResource/popup.js" included, everything else is gone.
Here are my details:
Browser: Google Chrome
OS: Ubuntu
Webserver: Nginx
Thanks
Kevin

Related

WebdriverIO+Cucumber: VS code is not opening the BaseURL and test terminates right after browser launch

I am using webdriverIO+cucumber. NPM is installed (node v12.18.1) and seems everything in place but when I try to run any feature, it launches the browser (chrome) but doesnt open any/baseURL and closes the browser. No error in the terminal shown. Please help.
Thanks.

How to configure JS/TS debugger on PhpStorm like on VSCode with attach option?

I am moving from VSCode to PhpStorm. In VSCode I could configure debugger with attach mode.
What is attach mode? It allows you to debug your app in existing browser window. In launch mode new instance of browser is started.
In PhpStorm I can't see that option in docs. Do I search in wrong way? Or there is a trick to do that?
Thank you for response.
You can use the Attach to Node.js/Chrome run configuration to attach the debugger to a running Node.js process/Chrome browser started with --remote-debugging-port option. See https://www.jetbrains.com/help/phpstorm/2021.3/running-and-debugging-node-js.html#node_debugging_running_application for more info.

White screen after running my flutter web application

I have searched and tried a lot of methods.
One works for me is this command flutter run -d chrome --release.
What a pity that no debug info print out.
When i run it directly by pressing button in Android studio, my website showed nothing but white screen.
I got follow message from the Console
Launching lib\main.dart on Chrome in debug mode...
Syncing files to device Chrome...
I want to run it and get debug info. Who has good ideas?
Problem finally be solved, Firstly, Press F12 when you deploy your web to your Chrome browser. Then all debug info will be printed in Chrome Console. My problem is caused by
require.js:1959 Not allowed to load local resource: file:///E:/project/flutter_afast/lib/model/builder.dart
req.load # require.js:1959
Which caused by a import of absolute path(local path E:/...) in my dart file. Change this to relative path then work that problem out.

Firebug is showing deactivated

I had installed firebug and run a WebDriver program on eclipse.
On running the code, page shows the URL but not the Firebug Icon.
Also on opening browser manually Firebug is showing deactivated and I'm unable to inspect element by using Firebug.
using Firefox Version :- 45.0
eclipse version :- 4.5
WebDriver version :2.51
FireBug version :- 2.0.19
There are 2 Problems
After running selenium code firebug icon is not there :
Selenium creates new profile every time while run the script. Thats why it won't show your addons, plugins, bookmarks in that browser
Your add on only will display in profile you are using e.g. manually opening the browser You can add thet profile in your selenium code then you will be able to view all your addons, bookmarks and all
This is tutorial link frome where you can learn.
Disable firebug icon
I was also getting that firebu icon desable issue before few day in FF version 51 . either your ff version and firebug version not compitable . Please have a look in this question
Firebug toolbar button is always shown deactivated since Firefox 51.0.1
Here is the Answer to your Question:
You can't get Firebug Extension added to the Firefox Session started by WebDriver anymore.
The reason behind is:
Question for you: Is your extension signed? The Answer is "No".
So according to MDN, "Firefox 48: (Pushed from Firefox 46). Release and Beta versions of Firefox for Desktop will not allow unsigned extensions to be installed, with no override.
So to install an unsigned extension you'll need to downgrade Firefox to 47.x Legacy release versions.
Let me know if this Answers your Question.

JetBrains IDE Support Extension - How to disable Chrome Warnings?

Hey there I've been using the JetBrains IDE support extension for a week now, and While it is great utility. I grow tired of clicking the "X' in the Chrome Yellow Warning ("JetBrains IDE Support" is debugging this tab.)
This may be a noobish question for experienced devs, but does anyone knows how to get rid of this Chrome pop-ups?
Thanks :)
Here is a snapshot:
You can disable this warning in chrome://flags using the Enable Silent Debugging flag:
It's mentioned in the comment #28.
Here is the direct link to the option:
chrome://flags/#silent-debugger-extension-api Just paste this to your Chrome addressbar.
For the ones who didn't understand ( like me :P )
You need to open this address chrome://flags in Google-Chrome and Enable Silent Debugging
While the relevant flag has been removed from chrome://flags, you can still use the command line switch:
chrome --silent-debugger-extension-api
which can be persisted in your flags config (eg. ~/.config/chrome-flags.conf on linux).
See Enable Silent Debugging is not available in Chrome browser
For the newer versions of the Chrome this flag is not available anymore.
So Here is the solution
Open settings in your IDE then head into Tools>Web Browsers
then click on Chrome and hit the pencil icon and
write this in "command line options" finaly hit ok
--silent-debugger-extension-api
now close your chrome if it is open then try to launch it again using debug or run...