Skip to content

Instantly share code, notes, and snippets.

Debugging JavaScript with Chrome DevTools

Introduction

This article will delve into the topic of debugging JavaScript with Chrome DevTools. It will provide a comprehensive overview of the process, including theoretical concepts, practical applications, best practices, common pitfalls, and tools and resources to aid in debugging efficiently.

Prerequisites

Before diving into debugging with Chrome DevTools, readers should have a basic understanding of JavaScript programming and be familiar with the Chrome browser.

Main Content

@imba-tjd
imba-tjd / IMBALIST.TXT
Last active March 28, 2024 09:10
🚫 我的uBO屏蔽列表以及HE规则
[Adblock Plus 2.0]
! Title: IMBALIST
! Homepage: https://gist.github.com/imba-tjd/2c9817233ac6798d4f2bfe057f781ca5
! Expires: 10 days
! 使用方法:将 https://gist.githubusercontent.com/imba-tjd/2c9817233ac6798d4f2bfe057f781ca5/raw/IMBALIST.TXT 添加到uBO的规则列表中
! humblebundle领取key页面
www.humblebundle.com##.download-mosaic
www.humblebundle.com##.coupon.whitebox-redux
www.humblebundle.com##.js-subproduct-whitebox-holder > .whitebox-redux
@waylife
waylife / LauncherUtil
Created March 14, 2015 09:42
ShortcutUtil
import java.util.List;
import android.content.Context;
import android.content.Intent;
import android.content.pm.PackageInfo;
import android.content.pm.PackageManager;
import android.content.pm.ProviderInfo;
import android.content.pm.ResolveInfo;
import android.text.TextUtils;
/**
@OrionReed
OrionReed / DOM3D.js
Last active March 28, 2024 09:05
3D DOM viewer, copy-paste this into your console to visualise the DOM topographically.
// 3D Dom viewer, copy-paste this into your console to visualise the DOM as a stack of solid blocks.
// You can also minify and save it as a bookmarklet (https://www.freecodecamp.org/news/what-are-bookmarklets/)
(() => {
const SHOW_SIDES = false; // color sides of DOM nodes?
const COLOR_SURFACE = true; // color tops of DOM nodes?
const COLOR_RANDOM = false; // randomise color?
const COLOR_HUE = 190; // hue in HSL (https://hslpicker.com)
const MAX_ROTATION = 180; // set to 360 to rotate all the way round
const THICKNESS = 20; // thickness of layers
const DISTANCE = 10000; // ¯\\_(ツ)_/¯
@mzerging
mzerging / gen_solana_keypair.py
Last active March 28, 2024 09:04
Solana generate Keypair , output public key and 88 bytes base 58 private key string
from solders.keypair import Keypair
import base58
num_keys = 10
for _ in range(num_keys):
keypair = Keypair()
priv_key = keypair.secret()
pub_key = keypair.pubkey()
@kizbitz
kizbitz / dockerhub-v2-api-organization.sh
Last active March 28, 2024 09:04
Get the list of images and tags for a Docker Hub organization account
#!/bin/bash
# Example for the Docker Hub V2 API
# Returns all images and tags associated with a Docker Hub organization account.
# Requires 'jq': https://stedolan.github.io/jq/
# set username, password, and organization
UNAME=""
UPASS=""
ORG=""
@maratori
maratori / .golangci.yml
Last active March 28, 2024 09:04
Golden config for golangci-lint
# This code is licensed under the terms of the MIT license https://opensource.org/license/mit
# Copyright (c) 2021 Marat Reymers
## Golden config for golangci-lint v1.57.1
#
# This is the best config for golangci-lint based on my experience and opinion.
# It is very strict, but not extremely strict.
# Feel free to adapt and change it for your needs.
run:
@talaviram
talaviram / add_debug_entitlement.sh
Last active March 28, 2024 09:02
Simple Utility Script for allowing debug of hardened macOS apps.
#! /bin/bash
# Simple Utility Script for allowing debug of hardened macOS apps.
# This is useful mostly for plug-in developer that would like keep developing without turning SIP off.
# Credit for idea goes to (McMartin): https://forum.juce.com/t/apple-gatekeeper-notarised-distributables/29952/57?u=ttg
# Update 2022-03-10: Based on Fabian's feedback, add capability to inject DYLD for sanitizers.
#
# Please note:
# - Modern Logic (on M1s) uses `AUHostingService` which resides within the system thus not patchable and REQUIRES to turn-off SIP.
# - Some hosts uses separate plug-in scanning or sandboxing.
# if that's the case, it's required to patch those (if needed) and attach debugger to them instead.