Questions tagged [web-developer-toolbar]

Web Developer Toolbar is a generic term for built-in browser debugging tools, rather than a plugin like Firebug. Most include an interactive console, step-through debugger, network performance logging, CSS editor, and JavaScript function profiling.

Web Developer Toolbar documentation is available for Chrome, Opera, Internet Explorer 8+, Safari, and Firefox.

122 questions
1
vote
2 answers

I want to know the use of these options in firefox "Web Developer Toolbar"

I want to know the use of these options in "Web Developer Toolbar" Disable > Disable Javascript > Strict Warnings Disable > Meta Redirects Disable > Meta Referers Disable > Disable minimum Font size CSS > Use border box model Information > Display…
Jitendra Vyas
  • 148,487
  • 229
  • 573
  • 852
1
vote
2 answers

Find out all elements a given CSS class is applied to?

Does Firebug / Web Developer Tools or any other extension have a function to show me all elements that have a given CSS class attached / applied? So when I select a CSS class from the source (lets say, in Firebug), I would like to see all elements…
Kevin Rave
  • 13,876
  • 35
  • 109
  • 173
1
vote
1 answer

Track jQuery events bindings using developer tools

I have some problems with my JavaScript code, and need to track jQuery event bindings using developer tools (Google Chrome). Do you know some plugins or tools for this? P.S. Chrome developers tools event tracking tracks JavaScript events. jQuery…
1
vote
3 answers

How to get css from specified element of web page

I always wanted to know how to get css code from specified element of a web page Some web sites have a elements that I like and want to add into my localhost page, for example: menu bar.I use inspect element in Google Chrome and I know how to get…
Dusan
  • 47
  • 1
  • 1
  • 7
1
vote
2 answers

django -- __init__() keywords must be strings

I was trying to run python manage.py runserver but I received the following errors. Do you know how I can fix it? jalal@mona:/research/jalal/django/djcode/mysite$ python manage.py runserver Validating models... Unhandled exception in thread…
Mona Jalal
  • 34,860
  • 64
  • 239
  • 408
1
vote
0 answers

Modernizr error when using Firefox View Responsive Layouts

I have some code which displays a div only when not on a mobile browser by using a Modernizr media query. It works in Firefox (v 19) when the window is manually sized down to a mobile width, but when using the View Responsive Layouts of the Web…
rhill
  • 226
  • 3
  • 10
1
vote
0 answers

Edit the default Webkit developer tools layout?

Every time I open the Webkit dev tools, I have to go through a bunch of extra steps to set up the layout how I like: open the global debug console drag it to be taller switch to network tab view only XHR & WebSockets network activity Is there a…
Adam Biggs
  • 3,527
  • 4
  • 23
  • 27
0
votes
2 answers

Changing Option Value Of Another Element With Javascript When Another Select Element's Option Is Changed

I am trying to create a basic translator where the script will translate between Turkish and English, but while I was trying to create the program, I got stuck at a point. I have 2 select elements. When the select element with the id of "languages"…
0
votes
0 answers

Why am I seeing an extra folder in my source code?

I uploaded a repository on github , and used netlify to deploy my website. But apart from the source code I see one node-modules folder, 2 js files that are NOT present in my repository , under a folder , in pages in sources. How to get rid of…
0
votes
0 answers

I am trying to create a login system but my component vanishes when I give display property in app.css to align the component in center

I am creating a login system. This is my folder structure: enter image description here I am using react redux but it is not implemented yet. My Code: Login.js: import React from 'react' import './style.css' const login = () => { return ( …
0
votes
2 answers

chart js + typescript leading to Can't resolve 'react-server-dom-webpack'

Here is my page.tsx file import Image from 'next/image' import styles from './page.module.css' import React, { forwardRef } from 'react'; import { useRouter } from 'next/router' import {Line} from 'react-chartjs-2'; import { ChartData } from…
0
votes
0 answers

How to add multiple different events on single button in react js. But when onMouseDown function runs onClick should not work like below code

function Demo() { function onClick() { console.log("I am from onClick") } function onMouseDown() { console.log("I am from onMouseDown") } function onMouseUp() { console.log("I am from onMouseUp") } return (<>
0
votes
1 answer

Select and show items from an array

I'm new to Web development and trying to learn things by making my own ideas to real. Now I was trying to make a quiz which contain questions from multiple subjects like mathematics, science, language etc. My quiz contains 50 questions and 10…
0
votes
1 answer

Getting error : 'Trying to get property 'graphql' of non-object in ' for PHP script

I'm trying to create an Instagram media downloader where I'm using the following code but it's giving me this error. Can someone tell me where am I wrong? I'm stuck in this since last 6-7 hrs. The error says - Notice: Trying to get property…
0
votes
1 answer

Browsers inserting line breaks where HTML code has none

Screenshot of webpage, Chrome devtools inspection info, and source code I have a Wordpress site where, for no reason I can find, the text caption under the graphics is being displayed in the browser as two or more lines, even though there's no line…
Evan
  • 1
  • 1
1 2 3
8 9