F*CKING DESIGNERS.

Stop sending me your freaking PNG. Don't even dare to FREAKIN' make me use Chrome DevTools to get your FREAKIN' color our of your FREAKIN' PNG.

Give me all your colors in FREAKIN' hex, rgba, or whatever you want.

Give me all the fonts you used.

Give me all the sizes, is it percentage-based? Pixels based? Donuts-based?

I don't give a damn that you think you went responsive-first. Show me the damn responsive mockups. Not just the desktop sized with a note: "Don't worry mate, I made so that it all goes well when responsive".

Oh god. Oh god.

I'm not an artist, I give zero shit about how great it looks.

I'm a programming poet, I want to write code without having to open (or download it first through torrent) the damn photoshop, sketch, or whatever you use.

They take freakin' months to dump a mockup and we have days to make it happen. The pain.

The pain is strong with those damn designers.

Fuck.

Me: *accidentally opens DevTools*

1.269427 milliseconds later...

Person: TEACHER! He’s HACKING INTO GOOGLE DRIVE!!!

Teacher: *glances at computer* Oh my gosh! That is ILLEGAL! Go to the office immediately.

I reluctantly headed to the office and calmly explained what happened. Luckily, some people have a bit of common sense and let me go.

!rant Decided to use the DevTools audit thing to try to improve my personal website. An embarrassing number of hours later and I finally have to tell the perfectionist in me to chill.

I don't know what's wrong with my project. But somehow, this is the screening when you debugs a React Native app within DevTools.

There are things that i wish i didn't see.

Yesterday, i went to a coffee shop to relax and reviewing my works. And suddenly a college friend of mine approach me and we started talking about work.

Me: So, What do you do at work? What's your stack?
Him: Not much of a new. Still working with wordpress, html,css and jquery.

So he started talking about how cool wordpress is and how he generates money doing sites.

Me: Can i see your sample works?
Him: Sure, *opens his shitty windows laptop with Web Tech stickers*. and handover his laptop to me.
Me: Woah. the design is so neat (I'm lying). But it's freaking slow man(REALLY FVCKING SLOW).

* I decided to open the devTools and inspected the source code. And I can't believe what i saw.

- 20+ images with 2~4mb file size
- 13 unminified javascript files with variable declarations that looks like minified.
- CDN's of bootstrap, foundation and semantic UI
- LOTS OF FVCKING PLUGINS

* I didn't told him what i saw. I just turn over the laptop to him and finish my coffee.

Him: My sites are cool right? I have a lot of pending projects right now. Easy money Bruh!
Me: Wow. *sips* coffee. and say goodbye to him and walkout.

I FEEL BAD FOR HIS CLIENTS!

command line FTW

Being majestic as a web developer:

1. Hacking through the DevTools to remove the anti-AdBlocker overlay + vertical scrolling paralysis on news website
2. See point 1

Firefox is not a “chrome alternative”. Firefox is a better browser. Even if we completely keep the chromium privacy out of question, Firefox is still faster and Firefox devtools are still waaaay superior.

I disabled javascript in my browser. Amount of shit loading to read shitty article is insane.

I opened chrome devtools and it was 300 requests and 10MB to read 500 words.

Another news portal 250 requests 7MB to see 300 words.

WTF ?

And they’re fighting with internet traffic by lowering movie quality ?

I just add I have pihole with lots of wildcard filters filtering half of internet and fucking adblocker and those numbers are after those filters.

Are you fucking out of your mind ?

Fucking hypocrites.

Dear Tech-News Outlets,

Yes, I accept 30994 cookies and do not want to uncheck them one by one.
No, I don't want to subscribe to a newsletter full of content completely unknown to me - maybe let me stroll around a bit before asking me? But please don't ask me in the middle of reading the shitty article. Maybe make use of a so-called "sidebar" for shit like that?
Yes, I want to continue without turning off my adblock.
No thanks, I know how to turn it off, I'm going to remove this overlay now via devtools, alright?

Yours
An annoyed user

If you ever feel useless and incapable, think about Safari‘s devtools.
Holy fuck.

On my personal journey to better privacy!

Wanted to change to Qubes, but since I wind down with games, that won't happen sadly and it seems windows still doesn't support proper gpu passthrough either, so might eventually change to linux host and windows guest or create a VM I use for everything else that isn't gaming, since I still really love the idea of having a snapshot backup system.

So since that isn't quite in my timeframe right now though: first move was to move to firefox, already done the change on mobile (love having dark reader and ublock on mobile!), now setting it all up on desktop, pleasant surprise was for sure that firefox finally seems to have chromes devtools pretty much mirrored, even the mobile suite of tools.

Loading of pages is also finally fast and much snappier than chrome from the first testing I could do (on desktop, on mobile it still kind of sucks in comparison, but I can deal with that).

Please suggest me all sort of privacy tools you got, especially with firefox in mind, but also host tools, be it windows or linux (e.g. some sort of traffic obfuscator that visits random pages that are SFW but make automatic traffic filtering hard, could probably make my own, but if there's something like that already, why not), I'll save all I can use.

Feeling powerful by disabling simply with developers tools that big and bad pop-up.

Which asks to deactivate my precious Ad-Blocker to be able to read this tiny article on your expired https newspaper site xD

I can troll all day by opening Devtools on a browser and change <input type=“password“> to <input type=“text“> they think i hacked google, facebook and their email acoount

Is Chrome trying to tell me something?

Today I learned, that Firefox Devtools allows you to copy requests as a cURL commands. Guess how many times I "had to" write them by myself...

This is what happened today in our dayli:

Lead: We need to profile our software

Me: You can use the chrome devtools as remote profiler, even on prod, or make HAR files for later inspection.

Lead: Yeah but no that’s just collecting data on every tick, we need something like “has been called x times”

Me: Yeah but you can filt -

Lead: Yeah no, so back when I wrote code in Delphi...

Me: *oh god no not this again*

Lead: ... We could have clicked a button in our IDE and it would wrap the function call with the API call to profile that function ...

Me, to the secret dev group in slack: doesn’t a simple method decorator and node performance api help with that?

The people in the group: We had this topic last Friday all day...

Me: oh well *get’s coffee and ignores lead*

Debugging JS,

*uses chrome devtools*, breakpoints work, everything loads, can work on fixing bug

*uses firefox devtools*, takes more time than IE to show up, the UI doesn't show up, can cry in the corner.

Why is firefox debugger so bad :/

Windows' integrated calculator is so shitty I have to use JavaScript via DevTools to make proper maths

Wtf

Ah, that feeling when you open random cyber space options in Firefox so you can watch children being forced, classical frontend development with devtools. Happens almost every Tuesday

React devtools in Firefox is such a pile of shit! It's slow, it hangs when selecting and it doesn't fucking show the whole component tree when it's too deep. I'm forced to switch to Chrome when I need to debug.

Anyone here has problems with it too?

Ok mate, you know what, you can FUCK. OFF.

MY H1 HAD EXTRA SPACE AT THE TOP. DEVTOOLS ELEMENT SHOWED NO DIFFERENCE.
I COMBED THROUGH THE FUCKING STYLES AND COMPUTED.
TURNS OUT IT WAS THE WHITESPACE THE FORMATTER WAS ADDING CAUSING LEADING \N

HEY CHROME DEVTOOLS.
HOW ABOUT IN ELEMENT VIEW.
YOU SHOW THE FUCKING PURE INNERHTML/INNERTEXT AND NOT JUST THE FUCKING NORMIE NON-DEVTOOLS TEXT THAT GETS RENDERED.
IM A FUCKING DEV.
THATS WHY ITS CALLED DEV TOOLS
SHOW
ME
EVERYTHING

FUCK

step 1) open and browse producthunt for new dev tools to use and try out
.
step 2) opens dev tool/app's website *ooh nice landing page*
.
step 3) tries to find api and documentation, scrolls to bottom of the webpage
.
step 4) "we are still in private beta, sign up to be notified about the final release!"
.
step 5) lol *sighs* bookmarks tab before closing it
.
step 6) repeat step 1
.
.

Anyone else have people that seem to constantly try to "prove" themselves to you in this weird, competitive way that only makes them seem... very annoying? I'll call him Bob here, but it's always something like:

Bob: Hi Almond, how's it going?
Almond: Ah not bad thanks, PSU blew up in the PC over the weekend though so that was a bit of a faff!
Bob: Ah no! How old's your PC?
Almond: Oh, like 7-8 years old now. I don't replace it often.
Bob: Really?! I replace mine completely every year.
Almond: Ah, cool.
Bob: Yeah, I'm a dev so I feel I need to. It's like my tool, you know.
Almond: Sure thing!
Bob: I actually spend quite a lot on it. I make sure it's got the fastest memory I can afford. Like, DDR5 stuff. That's really important, you know.

...etc., while I try to get out of said conversation for the next eternity.

Or:

(while in a conversation about a frontend bug I was looking at in Chrome devtools)
Bob: Hey Almond, you know Firefox actually had a plugin that did all this stuff before everything else?
Almond: Err, yeah, I think so. Used it back in the day.
Bob: It was called firebug. It was really good. Revolutionary.
Almond: Certainly was.
Bob: It was launched in January 2006 you know.
Almond: Right...
Bob: I used it back then.

...I mean damn, I'm all for being civil, but no-one cares you replace your PC every year, or that you know the year firebug was released, or that you once set up 5 identical PCs with different versions of Linux to run some benchmarks...

Today a task was assigned to a coworker, he is a good guy, but one of those that never complain, never say anything, get there early, go to lunch at the exact same hour everyday, doesnt talk to anybody and gets off at exactly 6pm.

So, the task was submitted by QA, according to them, a disabled input could be enabled by going into the dev tools and enabling it...

So i went over the pm and told her (cos she is a cunt) that the ticket was just bullshit and that first of all, we had no control of it, but if that is the case, we can go over and add event listeners to all the inputs in the platform to avoid people changing them...like wtf?

Since she is a dumb cunt, she 'escalated' the task to the senior dev... he is also a total fucktard who doesnt know a shit. The dude said that the task was ok and we had to do it or not but it was better to do it, justifying the ticket in the most stupid and incoherent way... like wtf is to do with it? Tell the user to not go over the devtools and enable it? The fuckkkk

I felt like i was about to shit my kidney, seriously, but what can i do? It is not the first time things like that happen. The stupid fuck also let one of his friends add several migrations to change several tables columns just because of 'good practices' which in first place left the databas all fucked up and with fucked relations.

I'm just so tired of these fucks, incompetent motherfuckers... I told a friend about it and he said that that was nothing, it is worse when you have to work for banks and that the only thing i could do was to let it go and learn from it, to not do the same mistakes. Im thinking in quitting... what should i do?

I wanted to watch a movie with a far away friend. Stayed away from screensharing and used rabb.it (they spawn firefox in a container/vm and stream it to viewers). The movie i wanted wasn't in the list, so i navigated firefox to youtube. The video was blocked whereever firefox runs -.-
Got creative, pasted the youtube-link onto a download-site and opened the download-video-link in firefox. Firefox attempted to open the video -.-
I tried to create a minimal webpage with the video in about:blank and the devtools-console. Firefox was configured for american keyboard layout, in the end i had to copy-paste everything with non-alphanum-characters in it.
Shortly after the youtube-video was loaded and ready to be watched, i felt like god if he ever were to use a pc. Then i got the message "my roommates made me go out with them tonight" -.- With the knowledge that both of us wont spend the evening as planned all my accomplishments seemed to perish.

Well, f. me, I guess...

Et tu Chrome?

Closing a tab should kill it.

I writes code, my code somehow causes an endless loop, tab gets at 25% i7 CPU.

I tells Chrome: "end it", Chrome won't close.

I wants to see under the hood to diagnose, Chrome unresponsive, forget about DevTools.

I Ctrl + Alt + Dels it

Sad Windows user

I am currently signing up for a college and need to accept some rules. First of all I have to accept some rules concerning some IT stuff. These rules should be found on their website. But they are nowhere to be found. At least they have a search function. Using this function I was able to find some old websites that did not even include the terms I searched for.
One search result pointed to a PDF viewer with the error message 'Failed to load PDF document.'. Assuming that the actual pdf document is somewhere referenced in the source, I open up the DevTools and search for 'pdf'. Quickly I found a fucked up URL ending in 'pdf'. Somehow the domain name repeated twice. This probably caused the prior mentioned error message. After copying and fixing the link I can finally read the (7 years old) rules.

Maybe this is a requirement to find these rules to be able to sign up.?

Google Dev Tools console. The only reason I don't use Chromium based browsers.

One of the online education tools my high school used had client-side validation for test answers

As if that wasn't bad enough, the correct answers were literally marked by the CSS class 'correct', meaning that any idiot who could figure out how to open the devtools could see the correct answers

Thankfully, this program was ditched before it was used for anything major

Me: *opens devTools*
Firefox: yea bro lemme just ..uh.. hmm yeah so this is the css for the element, see?
Me: Thanks.
Me:
Me: this makes no sense, why would I ever do that?
Firefox: also you can't have width on an anchor tag. I can't put that rule into effect
Me: I didn't put any width on your inline element, you sure about that?
Firefox: yea try using display: inline-block
Me: No. I'll just delete that. *checks file*
Me: Maybe that line is wrong because IT DOES NOT FUCKING EXIST!

What is this shit? I just restarted you! What else do you need, a reinstall? Drink too much over the holidays?

It's like the css editor has become a shallow tray with rules on it, and as soon as you bump it a little everything spills over and then Firefox just thinks oops, I've got this font-size: 200% lying around, lemme stick this into the hr tag which makes sense because THERE CAN'T BE ANY TEXT IN IT.

Hhhmm I don't know if I'm the only one who's bothered by the new post button in the web app so

“Huddles don't work in safari 🤡,” Slack said.
Develop → User Agent → Google Chrome.
Boom, huddles suddenly work in Safari, and my today's huddle went absolutely fine.

Yep, I switched to Safari as my default browser. Previously, I didn't use it solely because YouTube's full-screen mode acted weird, but now I quit watching YouTube altogether.

Safari is a stellar browser. First, it wipes the floor with everything, even including Thorium, in the performance department (on Apple Silicon at least). Second, it's really beautiful with its new inline tab panel, where you have just one line of icons on top, instead of having two (tabs and url bar). DevTools are amazing. It can also connect to my iPhone's Safari via Wi-Fi and inspect the opened page — a must-have for heavy layouts. Plus, if my website works fine in Safari, it sure as hell will work fine everywhere. Safari is a great hack detector, as it won't tolerate dirty hacks. Works wonders for your code discipline.

Chrome dev tools!!!!! So vital. Also, my other devs!

Went to PC Gamer's website. Got blocked by an anti-adblocker. Opened the DevTools to remove the fuck out of it. Found class names that may have been made by the drunkest vodka-fed polish dude the Earth ever carried.

How many sh*t days does it need to make me down?
3 ...

I hate my company, for making everything overcomplicated and annoying.... I have to discuss with 3 peoples for 3 days to getting some gitlab premium licenses (20$ per month for 10 licenses)... Why do you need it? Why we can't use the free version? Why Why Why... It's not enough to tell them it will save us much times and improves the quality of development.....

Also I wanted to ask if we can to Jaxb or another Dev Conference this year... Then I got the information that we have about 2000 Euro for 10 people for training.......... What should we do if everyone buys a book this budget is out .... f*ck company....

Second day, half of the day was taken for fixing the live db on the fly cause of a bad structure of tables... at least fixed some other inconsistence too... later the day fixed a freaking shitty bug with Spring Devtools and 2 Classloader to make the product that I'm presenting in 2 days running.

Today next shitty day with discussion that everything I did last half year (introducing Microservices, Kubernetes, Kafka and other DevOps things) could be maybe useless when the external company will say that they use another ecosystem -..- for their microservices...

Someone looking for a disappointed java developer? I just want to develop the best product ever... I'm happy with every area... Frontend, Backend, DevOps, Fullstack, Architect in some kinds depends on the wishes and technologies.

One thing that's been pissing me off about browser devtools lately is that they hide certain requests, like 301s, pretending they didn't make it, but if I look at my Nginx log I see there was in fact a 301 sent. OMFG, I hate this, it has caused me many hours lost on debugging.

Not being allowed to post comments on this page for seemingly no reason is the equivalent of invisible walls in video games. I didn't even receive a fucking error message, I had to go to devtools, only to find "You can't post a link in your comments yet.". What do you mean, my comments? I wanted to suggest DaisyUI to some bloke but I guess, I will just try to find the exit for this level then before I can get to the one 2cm behind this wall, in plain sight and no reason not to give me access to it now and no explanation anywhere (cannot wait to get RTFM comments with a link to some about page).

Greetings, I guess, I was only here to lurk and comment but the page won't let me.

Anybody else got this weird little glitch?

Steps to reproduce:
1. Scroll down until the header darkens
2. Hover over any of the header options
3. Scroll up until the header becomes transparent but not fully

Notes:
- Can't use a screenshotting tool, the refresh fixes the glitch
- Can't select the element in devtools, glitch disappears

<!doctype confusedRant 😕>

Plot: we need to release our website in two weeks which holds at least a thousand pages. All these pages are manually migrated from the old website, which doesn't have a database. Current status: 650 pages/1000 are completed, 40 different templates need to be adapted. I'm alone on these templates, my colleagues create the pages and fill the new database

So I'm working on the templates a WebDev coded for our website on a licensed CMS, and had this decently simple html block that looks like a square and consisting of roughly this (Emmet style):

a.area > blockquote > strong.title + p

After adding another <a> element inside the p, I noticed that my <a> wouldn't display and bust the whole look of the square.

Just for more details, the CSS the dev made is ultra specified (meaning each element is too precisely "described" : div.class .child .child2 { /* styles */ } when it could be .class .child2 for example). Also, the templates he made need to be compatible with any "module" the website has, thus the need of this high specificity

So I fired up the DevTools to check what happened, and had:

Expected: a.area > blockquote > strong.title + p > a
Actual result: some new a.area were wrapping the <strong>, the <p> and the <a> I just added. The source code was not showing any of this but just the rules I initially wrote - the expected result

Wtf?! I thought the JS the dev made was adding elements. I disabled said JS, and bam, these a.area were still wrapping everything!! What black magic would add these stupid tags I never asked for.

So I went looking in the CSS files in case some wizardry was happening, but everything was OK.

I tried changing my structure, changing tag (swapping a.area to p.area or without .area), HTML just said "nope, have those please".

Eventually I rewrote my own module out of frustration after three quarters of an hour fiddling with this stupid "module". I hate losing time for such shenanigans and under a lot of pressure because of deadlines.

Still haven't figured why those <element>.area would wrap everything out of nowhere...

Why the fuck did my Chrome devtools just get a blue accent everywhere?!

Safari devtools is an absolute dumpster fire

I makes a React mistake, alright I is fool.

I caused an endless loop, but Chrome won't let me diagnose it, because when you have an endless loop, you can't close the tab, can't open devtools, can't debug to find the source.

“httpOnly cookies prevent XSS attacks”… wow.
As if not being able to get your cookies is going to stop me from doing bad things.

When I'm in via XSS, it's over. I'm changing the page content to your sign-in form with “please sign in again” notice, but it sends email/password straight to me. What percentage of users is going to enter their data? What do you think? With password managers prefilling data, and the annoyance being one “enter” hit away, I think a lot of users will fall for that. No one, including you, will be able to tell the difference without devTools.
You can rotate the session token, but good luck rotating the user's password.

Oh, did I tell you I could register a service worker using XSS that will be running in background FOREVER?

But don't listen to me. Don't think. Just use httpOnly and hope for the best. After all, your favorite dev youtuber said they could protect you from XSS.

There is an easter egg in chrome devtools behind a colorful icon.

I just want to say fuck you to whoever wrote that message

Developer tools needs to tell us from which file the API was called.

In spent more than an hour trying to figure out why a form didn't work.

I pressed the submit button and nothing happened, no error in the console and nothing in the Network tab in Chrome's devtools. And the action was being executed!

Then I found out there was a catch somewhere. I removed and it said that the url was wrong. But again, I debugged it and nothing seemed wrong. I even hardcoded the values.

At the end, it turned out that the initial "/" was missing in the request url...

!rant, more of an incredulous/cruelly amused "you had ONE job..."

so: biggest IT/PC/electronics store in my (and neighboring) country. their webpage, of course with the function to buy online, because of course.

the big green "Buy" button does nothing. doesn't work. doesn't react. I keep clicking it multiple times, shorter, longer, etc, because maybe their JS scripts are just shit so they slow.

nope.
okay. open devtools, JS console.
hover over the button: "Error: isMobile is not a function".
click the button: "Error: isMobile is not a function"

WAT.
search for isMobile in the script.
173 occurences.
fuck this.
console: isMobile = function(){return false;}
because I'm not on my phone.

click the "Buy" button.
works flawlessly.

...HOW?
THE WHOLE PAGE IS AN ESHOP YOU COMIC RELIEF INCOMPETENTS! =D

173 uses of non-existing function that blocks business-critical feature, THE ONLY CORE FEATURE FOR WHICH YOUR SITE EVEN EXISTS, and NOBODY, not the dev who fucked it up, NOT EVEN QA, noticed it??? =D =D

if I was the boss of the devs, or even boss of the whole company...
git blame
...and then i'd go the whole chain from the dev who caused the bug, through all of the QA people who "tested" that version before deploy, and I would personally, on the spot, fire each and every single one of them.

mainly because of who knows how much money this stupid not even a proper bug lost them.
but secondarily, because clearly none of those people give a single shit (n)or have an idea how to do their jobs.

=D =D

yeah but I was a good guy, filed a bug report in the "Complaints" section of their Contact form.
it goes to some call-center-like peon, so it starts with a sentence "forward this to your site's dev people outright to file as a bug, thank you".

but... HOW.... =D
HOW can you let something like this through? =D
the bottleneck of your whole user interaction, which forms first of the three steps OF THE MAIN AND MOST IMPORTANT FUNCTION of your whole business... =D
...I...
...does not compute =D

...BUT THEY USING ANGULAR, SO THEY ALL MODERN AND HIGH-TECH AND EVERYTHING'S FINE!!! =D =D

I miss bug hunting... Baking new features is far less fun than debugging all sorts of weird issues across all the layers of the setup. Devops has its charm, but still I find myself looking for problems more often than tinkering with devtools.

I wish there was a "debugger" role in my company.

There are developer tools for Node which I understand what they do, but I don't understand what problem they are solving. It's everything so crazy

Fuck google's link hijacking!

If you don't like it, go into devtools and type:

rwt = null;

-- You're welcome.

Goddamnit, I've been rumaging around a CMS -generated site (not wordpress) for a friend in devtools.(to suggest improvements) I don't have much experience with CMS, but why is there so much fucking useless nested markup everywhere that has to go down the line. A simple paragraph has at least 6x nesting, a nav is "centered" by having a millionenty billionety divs on each side, there was even a span element for a single character inside a <p>.

What a fucking mess.

This is my frontend tip of the day.
If you have a frontend that consumes an external API:
1) Retrieve the json responses from devtools
2) Save them in your project as json files (trim the data a bit if it's too long)
3) When starting your app with a special env var like MOCK_DATA, make your app mock the data and use your saved json data instead.

You can associate each response with an url regex.

The package fetch-mock mocks fetch really well, it lets through the urls that don't match anything.
This way you can incrementally add responses.

And voila, you have a mode where you have near instant page loads to test things manually, and you also have mocked data ready for testing eg, cypress.

I'm so used to watching all websites with the dev tools open, that when I finally close it, they all look skewed to the right and not centeret.
Oh well, that's just a part of the game I guess

!rant

Saw a few guys having some issues picking up on angular 2. There's currently a really good course on angular 2 that's about a week and a half old, so pretty up to date, on pluralsight. Just search for angular 2 and order by date.

For those who don't wanna/can't pay, you can get 3 months for free on it by signing up on Microsoft devtools. If anyone wants direct link just say it(not sure if allowed).

Btw, I'm not affiliated what so ever with pluralsight, although I really like it. Just passing some information specially regarding angular 2 which is a pain to learn due to legacy code.

Had to go into an old outlook inbox to check something. The ad aside was bothering me so I went into the dev tools to remove the entire section.
The site crashed before I could do anything with the devtools.
I reloaded and tried two more times. Same results.

How is it doing that? Detecting the devtools are opened I mean. I hope this doesn't become standard practice.

Why the F is my console.log not printing to the console!?!?!?!......level left as "Errors only" #doh

And today I renewed my IntelliJ license... bye bye money...

I like Firefox a lot.
But it isn't very nice with WPAs, an area of my interest, and downloads PDFs instead of showing them...
Plus I have seen Vivaldi is pretty good for quite some things, like tabs groups and tabs hibernation, has notes, a cool calendar...

But Chrome's console...
It's the only reason I stay with Firefox. (I not only use it at work, but I also use the command line as a pocket JS engine for little scripting and parsing.)
If only I could get selection bracket wrapping and a multiline editor... is it that hard?

Anyone else having issues with Chrome DevTools lately? Mine's been going so slow it's impossible to use.

Am I the only one around here who tinks Dart devtools are fucking garbage?
Who the hell would print a log inside a canvas?

Hi Everyone,

I am working as a jr front end developer and wanted to study more about performance profiling in Chrome and finding memory leaks using Dev tools. I searched online for a while and not able to find a nice place to start with, can anyone help me out with a resource from where I can start the debugging performance using Chrome Dev tools.

It would be very helpful.

Another first world mimimi but still an obstacle when just wanting to get work done quickly. I don't know what's more annoying: the multi-line pasted styles that used to be useful one-liners, or the fact that the top search result for this issue was closed/locked without even linking to the appropriate Chromium bugreport?! People report that's fixed, but the fix did not land in Vivaldi yet. Maybe I should consider using Firefox as my default browser again.

Several months ago I was praising antd's forms but honestly I can't figure how to debug them with React Context Devtools, let alone do that inside React Storybook.

Unless I come up with a solution for this problem I'm a dead man.

font-family expects a comma-separated list. Fonts haven't been displaying on my blog for months because of this issue.

Why could NONE of the browsers I tested this on give me a real syntax error instead of "invalid property value" which could mean literally anything.

Edit: Actually, why can't the CSS plugin for VSCode tell me that I'm making a syntax error in the value of a well-known property?

Anyone else get janky scrolling when reading the comments on a rant? I don't know what kinda funky thing they tried to do with the scrolling but it always strongly resists me scrolling down the page.

Anyways, I have to do this in the DevTools console to stop it:
document.body.innerHTML = document.body.innerHTML.replaceAll('scroll','');

Hi all,

Are there any developer tools that you wish were available for React, Angular or Vue?

A few schoolmates and I are looking to build an open source developer tool in order to help current engineers who are working with some of the popular front end technologies, such as React, Angular and Vue. We have seen a few prototyping tools for React and Vue and we also came across Bit Dev for React - would angular or vue developers like a tool like Bit Dev? We are looking to build something impactful and meaningful to the community and would really like your opinion on any developers tools that you would like to see.

Every time I turn on device mode on Google Chrome devtools I lose my session (I'm assuming it deletes the cookies).

1. Is this just in my local setup?
2. Is there a way to keep my current session every time I turn on/off device mode on Chrome?
3. What other solutions would I have to do live tests of responsive design on my website?

Thanks!

Fucking stupid spring-boot-devtools dependency !!!

Started work at 11AM and was working on a Rest API system using Spring Boot. Got to know about Spring Boot dev tools and added it to my project.

Later in the evening my endpoints started throwing exceptions for no god damn reason. Invalidated the caches, restarted my IDE and laptop. Rolled back my code to almost vanilla branch !!! YET THE ENDPOINTS KEPT THROWING RANDOM EXCEPTIONS.

This went on till 1:30 AM (I live in a country where work-life balance is not a thing for software developers :)). Frustrated, the last thing I tried was to rollback the devtools dependency from my POM file. AND MY ENDPOINTS STARTED WORKING AGAIN 🤬

What the actual ffffuhkkk !!!!

To all those who contribute to spring-boot-devtools, you guys are doing a great job and it isn’t a personal attack towards you (I really mean it). It just messed up my project in some way and I was extremely frustrated.

WTF new Chrome devtools breakpoints faded away and put inline within the code and for every one you set you get extra 3 for free... ???

Chromium has royally fucked their own devtools.

You wanna add a style property? No. You're only allowed to update styles already that are there unless you click on some arbitrary space between brackets and properties.

You wanna click on a property's value to edit it? No. You get a dropdown to edit the unit value OR you can slide the mouse to update the value, nothing else.

You want to update CSS in the inspector, or switch them on or off? No. You get CSS that breaks as soon as you apply it and turns into garbage.

You want to copy CSS from the inspector after changing it? No. You get a line break in between each word for NO FUCKING REASON.

I hate web development sometimes.

Chrome: Y U always open script files in devtools I never told you to open