I'm running Chrome 67 on Windows connecting to my Ubuntu PC which is running NodeJS 8
I have an ssh tunnel setup to the Ubuntu PC so I can connect the Chrome Debugger to Node.
Chrome://inspect/#devices correctly spots the Remote Target
This allows me to click on the inspect link to open the debugger.
The Debugger connects and the console prints debug data from the running Node JS app confirming that things look good.
In the console messages, I can click on the links and have them open the source files
If I click on the Sources tab, I expect to see a Sources side panel (ref) displaying the file hierarchy but it seems to be completely lacking.
If I click on Add folder to workspace then it opens up a local file browser.
Has this feature been removed in newer versions of Chrome? If so is there a new way to view the remote file list?
Do not click on Inspect under Remote Target
Click on Open dedicated DevTools for Node
This will launch a specific version of DevTools configured for Node which features the Node file system
Related
I'm new to PostgreSQL, just installed it along with pgAdmin4. After installation when I clicked on the pgAdmin4 it start in the browser of IE. But I want that in my chrome browser so I searched for it. Most of the people have mentioned or shared a picture of pgAdmin 4 configuration like this.
They mentioned it like right click the icon in the Windows System Tray and select Configure but the pgAdmin is not showing in the system tray of window 8.1. Or may be I'm misunderstanding about the system tray. Because in windows 8.1 pgAdmin 4 directly opens in browser.
The browser issues is fixed by change by default browser to chrome but I'm still unable to find this configuration setting. Can anyone help me to understand or get this screen?
pgAdmin 4 is a web server, so when you click pgAdmin 4 on the start menu, it starts the web server in the background, then opens a browser to connect to it.
The web server running in the background should have added a small icon to the system tray in the lower right corner.
On my Window 7 it looks like this:
I'd like to change my default browser to IE (as that one has most of our internal sites programmed for). But currently, I can only get pgadmin4 to work well with Opera.
Is there a way to tell pgAdmin4 to use a different browser apart from the stock one?
With the latest version of pgAdmin4, developers have added copy URL option on right click on tray icon, Download the latest version then right click on pgAdmin4 tray icon which will give you option to Copy URL, once you click that option then open your desired browser and paste the URL and hit Enter.
And you are good to go :)
Also, there is an option to run the custom browser command also.
In new chrome versions you can run pgAdmin 4 as "native" desktop app. While the pgAdmin v4 web server is running, right click the icon in the Windows System Tray and select Configure... In the Browser Command input add the following:
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --app=%URL%
If you want to run in chrome browser window, configure command like this:
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" %URL%
Hope this helps.
Run your pgadmin in default browser.
right click the icon in the Windows System Tray and select Configure as shown in the image.
use "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --app=%URL% to run as stand alone app.
or
paste "C:\Program Files (x86)\Internet Explorer\iexplore.exe " %URL% in browser command box to run with internet explorer
Windows System Tray
browser command
pgadmin
You just set as a default browser in any browser setting.PGAdmin Automatically Open as the set default browser
pgAdmin 4 v4.29 How can I use FireFox browser? (Win 10)
Right click the icon in the Windows System Tray and select Configure
as shown in the image.
Use "C:\Program Files (x86)\Mozilla Firefox\firefox" --app=%URL%
to run as stand alone app. But you have to select "Copy Server URL"
from Configuration window option and paste in browser.
or
paste "C:\Program Files (x86)\Mozilla Firefox\firefox" %URL% in
browser command box to run with Firefox Browser.
How can I see the window of an app that shows on the second screen of my multi-monitor set-up when I remote in from another computer?
For example:
...on my laptop:
cmd: mstsc /span
rdc display configuration: Full Screen + Use all of my monitors for the remote session
...on the remote computer:
Open GitGUI or FileZilla for example.
Task bar shows application open.
The hover preview shows the app is open.
I can't see the app window on my screen (can't interact with it).
Nothing I do brings the app to a window I can use.
Anyone else come across this problem?
Thanks
Figured it out. Using the Windows key plus the right/left arrows, I can move windows from desktop to desktop.
I am trying to setup remote desktop access to a chrome box. Plan is to be able to access the chrome box from any where by just entering a pin and I don't want user using the chrome box to generate a key for me and send it over to me.
I thought chrome remote desktop app would help me achieve this, but Enable remote connections option is not available on chrome Remote desktop app on Chrome OS. This option is available if the app is installed on windows and I was able to remote in. Is there any option to achieve the same in Chrome OS?
Star this issue: https://code.google.com/p/chromium/issues/detail?id=471639 to show your support for adding this feature.
I am using Visual Studio Code for a javascript project. You can set breakpoints and step through and debug very easily the code that runs in nodejs. Is there any way to allow breakpoints and debugging for the client side, browser running code?
Debugging via console.log gets old real quick.
For debugging in Chrome there is the Visual Studio Code: Debugger for Chrome extension. You can find this extension in the marketplace, search for debugger as told in the debugging manual. Unfortunately there is (currently) no support for other browsers,
Debugging node.js works out of the box, see the debugging manual above or John Papa's blog post.
Debugging both client and server (as Phil commented) is not possible at least in my opinion since you need to have two different launch configurations, sorry.
You should use developer tools which all modern browses have (F12).
I prefer chrome because with workspaces and you can inline edit your code in browser.
By opening you project in chorme Browser and using chrome DevTools.
You can debug it whatever you want.
steps:
Open your project (with url).
Open DevTools (F12)
Choose the "Elements" and choose the Element
You can see "Event Listeners" on the right panel , Select what you needed
And then, You can right click the event you, Select "Show function defination"
Enjoy yourself !
If you means Debug Nodejs ,As I known there's A npm package named "debuger"?
Another technique is to use the Visual Studio Code: Debugger for Chrome extension. Save the contents of your launch.json config for node.js and delete it. Then create the Chrome launch.json. Combine the two and you can debug either the server or the client in Code (but not both at the same time).
To debug the client, the server must be running, so from a command prompt use the "node" command that starts the server. In Code launch the Chrome debugger and debug the client side.