Enable chromium debugging in VScode (linux)

Æsoteric Positron

I AM GROOT (and so are you)
So, I really like chromium's debugging tools and am quite familiar with them. I installed popOS on my main PC recently. On windows debugging with chrome(or edge) was quite easy, you just had to auto-create a launch.json file. On, popOS though, the situation is a bit tricky. Chromium is only available through flatpak and I can't get chromium to debug my code. I tried using chrome(using .deb package) though, its buggy(or my there's something wrong with my launch.json).
close window button vanishes when you full screen chrome, only while debugging
1632029150800.png
)
Code:
{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: *go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "pwa-chrome",
            "request": "launch",
            "name": "Open index.html",
            "file": "/home/abhi/Documents/Code/website-devlopment/html-funda-mentals/index.html"
        }
    ]
}
Is there anything I can do to get chromium debugging on my install?
At this point I am thinking to either install manjaro(which doesn't play well with my multimonitor setup and Nvidia optimus) or go back to developing on windows.
 

RumbaMon19

Feel Pain.
On chrome, did you tried toggling the gtk and classic option for the title bar? In these situations, gtk helps.

edit - you will find it in chrome settings
 

Desmond

Destroy Erase Improve
Staff member
Admin
So, I really like chromium's debugging tools and am quite familiar with them. I installed popOS on my main PC recently. On windows debugging with chrome(or edge) was quite easy, you just had to auto-create a launch.json file. On, popOS though, the situation is a bit tricky. Chromium is only available through flatpak and I can't get chromium to debug my code. I tried using chrome(using .deb package) though, its buggy(or my there's something wrong with my launch.json).
close window button vanishes when you full screen chrome, only while debugging View attachment 20910)
Code:
{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: *go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "pwa-chrome",
            "request": "launch",
            "name": "Open index.html",
            "file": "/home/abhi/Documents/Code/website-devlopment/html-funda-mentals/index.html"
        }
    ]
}
Is there anything I can do to get chromium debugging on my install?
At this point I am thinking to either install manjaro(which doesn't play well with my multimonitor setup and Nvidia optimus) or go back to developing on windows.
Chromium is only available as Flatpak on PopOS? Chromium is available in repos of most OSs as a regular package. Have you tried installing via some PPA?
 
OP
Æsoteric Positron

Æsoteric Positron

I AM GROOT (and so are you)
Chromium is only available as Flatpak on PopOS? Chromium is available in repos of most OSs as a regular package.
Code:
Sorting... Done
Full Text Search... Done
cgpt/hirsute 0~R88-13597.B-1 amd64
  GPT manipulation tool with support for Chromium OS extensions

chrome-gnome-shell/hirsute,hirsute,now 10.1-5 all [installed,automatic]
  GNOME Shell extensions integration for web browsers

chromium-browser/hirsute 1:85.0.4183.83-0ubuntu2 amd64
  Transitional package - chromium-browser -> chromium snap

chromium-browser-l10n/hirsute,hirsute 1:85.0.4183.83-0ubuntu2 all
  Transitional package - chromium-browser-l10n -> chromium snap

chromium-bsu/hirsute 0.9.16.1-2build1 amd64
  fast paced, arcade-style, scrolling space shooter

chromium-bsu-data/hirsute,hirsute 0.9.16.1-2build1 all
  data pack for the Chromium B.S.U. game

chromium-chromedriver/hirsute 1:85.0.4183.83-0ubuntu2 amd64
  Transitional package - chromium-chromedriver -> chromium snap

chromium-codecs-ffmpeg/hirsute 1:85.0.4183.83-0ubuntu2 amd64
  Transitional package - chromium-codecs-ffmpeg -> chromium-ffmpeg snap

chromium-codecs-ffmpeg-extra/hirsute,now 1:85.0.4183.83-0ubuntu2 amd64 [installed,automatic]
  Transitional package - chromium-codecs-ffmpeg-extra -> chromium-ffmpeg snap

chromium-lwn4chrome/hirsute,hirsute 1.0-3 all
  Chromium extension for making LWN.net slightly easier to read

chromium-tt-rss-notifier/hirsute,hirsute 0.5.2-2.1 all
  Chromium extension providing toolbar button for TT-RSS installations

elpa-atomic-chrome/hirsute,hirsute 2.0.0-2 all
  edit a web-browser text entry area with Emacs

emacs-mozc/hirsute 2.26.4220.100+dfsg-4pop1~1620694034~21.04~4a854c1 amd64
  Mozc for Emacs

emacs-mozc-bin/hirsute 2.26.4220.100+dfsg-4pop1~1620694034~21.04~4a854c1 amd64
  Helper module for emacs-mozc

fcitx-mozc-data/hirsute,hirsute 2.26.4220.100+dfsg-4pop1~1620694034~21.04~4a854c1 all
  Mozc input method - data files for fcitx

generate-ninja/hirsute 0.0~git20210128.09c9e5e-1 amd64
  meta-build system for ninja

gnome-shell-extension-gsconnect-browsers/hirsute,hirsute 20-0ubuntu2 all
  Browser support of KDE Connect implementation for GNOME Shell

gpgme-json/hirsute 1.14.0-1ubuntu3 amd64
  json interface to the GPGME GnuPG encryption library

ibus-mozc/hirsute 2.26.4220.100+dfsg-4pop1~1620694034~21.04~4a854c1 amd64
  Mozc engine for IBus - Client of the Mozc input method

libwebm-dev/hirsute 1.0.0.27+git20201124.485fb67-2 amd64
  WebM parser library (development files)

libwebm-tools/hirsute 1.0.0.27+git20201124.485fb67-2 amd64
  WebM parser library (binary tools)

libwebm1/hirsute 1.0.0.27+git20201124.485fb67-2 amd64
  WebM parser library

mozc-data/hirsute,hirsute 2.26.4220.100+dfsg-4pop1~1620694034~21.04~4a854c1 all
  Mozc input method - data files

mozc-server/hirsute 2.26.4220.100+dfsg-4pop1~1620694034~21.04~4a854c1 amd64
  Server of the Mozc input method

mozc-utils-gui/hirsute 2.26.4220.100+dfsg-4pop1~1620694034~21.04~4a854c1 amd64
  GUI utilities of the Mozc input method

ninja-build/hirsute 1.10.1-1pop0~1630348646~21.04~fe200e8 amd64
  small build system closest in spirit to Make

node-electron-to-chromium/hirsute,hirsute 1.3.651-1 all
  Provides a list of electron-to-chromium version mappings

plasma-browser-integration/hirsute 5.21.4-0ubuntu1 amd64
  Chromium, Google Chrome, Firefox integration for Plasma

python-pyftpdlib-doc/hirsute,hirsute 1.5.4-2build1 all
  documentation for Python FTP server library

python3-libnacl/hirsute,hirsute 1.7.2-2 all
  Python 3 bindings for libsodium based on ctypes

python3-pyftpdlib/hirsute,hirsute 1.5.4-2build1 all
  Python FTP server library (Python 3)

python3-pyqt5.qtwebengine/hirsute 5.15.4-1 amd64
  Python 3 bindings for Qt5's WebEngine module

python3-pyqt5.qtwebengine-dbg/hirsute 5.15.4-1 amd64
  Python 3 bindings for Qt5's WebEngine module (debug extensions)

qunit-selenium/hirsute,hirsute 0.0.4-2 all
  Run QUnit tests through Selenium WebDriver

uim-mozc/hirsute 2.26.4220.100+dfsg-4pop1~1620694034~21.04~4a854c1 amd64
  Mozc engine for uim - Client of the Mozc input method

webext-browserpass/hirsute 3.7.2-1 amd64
  web extension for the password manager pass

webext-keepassxc-browser/hirsute,hirsute 1.7.4+repack1-2 all
  Web browser extension to organize web site credentials in KeePassXC

webext-ublock-origin/hirsute,hirsute 1.33.0+dfsg-1build1 all
  transitional package

webext-ublock-origin-chromium/hirsute,hirsute 1.33.0+dfsg-1build1 all
  lightweight and efficient ads, malware, trackers blocker (Chromium)
Have you tried installing via some PPA?
No, I haven't. I didn't add any PPA to the system till now (other than the official repos provided by a manufacturer). I don't have any idea regarding which ppa would be secure for this. Since I used to have access to AUR on my desktop install I never had to deal with this stuff :ashamed:
 

RumbaMon19

Feel Pain.
The package is quite out of date, if I am not wrong.
*github.com/scheib/chromium-latest-linux

Use this script or

Go to
*commondatastorage.googleapis.com/chromium-browser-snapshots/index.html

Download latest one and run the script from the zip.


You can also install older version and update it from setting If it is that old.
 
OP
Æsoteric Positron

Æsoteric Positron

I AM GROOT (and so are you)
*github.com/scheib/chromium-latest-linux

Use this script or

Go to
*commondatastorage.googleapis.com/chromium-browser-snapshots/index.html

Download latest one and run the script from the zip.


You can also install older version and update it from setting If it is that old.
Ohh, thanks! I'll try the second method just now! Any idea on which one to download though, the directory structure is kinda confusing
:emoji_sweat_smile:
 

RumbaMon19

Feel Pain.
Ohh, thanks! I'll try the second method just now! Any idea on which one to download though, the directory structure is kinda confusing
:emoji_sweat_smile:

go to linux_rel, then click on table titled “name” to change sorting. Change it such that the file named LAST_CHANGE comes to top. If you click it, it will tell the latest release. Then click on the folder with The latest release and then run the binary.


to make it easy for you, the latest one is 582301 and the link to folder is

*commondatastorage.googleapis.com/chromium-browser-snapshots/index.html?prefix=linux_rel/582301/
 
Top Bottom