Attack on Life ⚔️

Recently, the testing team raised an issue - Web requests showing Failed to load response data.

Thus began the analysis and resolution process, marked here for reference.

Exclusions

1. response.status is 200, indicating that the request was initiated and returned successfully.
2. The response body of this request is empty. However, Chrome typically displays This request has no response data available for empty response bodies, which is not the case here. Hence, this is not the problem.

For ordinary users, Chrome is just a web browser, but it can be considered a productivity tool for developers.

Recently, I couldn’t reproduce a bug. The only clue was an issue at the data level when the user requested data on the page. To verify this, I needed to understand the user’s situation. So, I asked the business contact to access the system using Chrome, download the HAR file, and send it to me. Once I received the file, I quickly identified and resolved the issue.

That’s right, the key point is HAR. Let’s briefly introduce it here.

HAR

The full name is HTTP Archive format, a file format that records network request information.

HAR Upload and Download Operations

The most used IDEs are IntelliJ IDEA and WebStorm. I recently switched from Navicat to DataGrip for database management, aiming to maintain a consistent operational habit, making applying one approach to everything easy. However, both IDEA and WebStorm are pretty heavy, and sometimes, launching IDEA or WebStorm can take a lot of work for simple tasks like editing a web page.

VSC has become very popular over the years due to its lightweight nature and extensive plugin support. Therefore, I decided to modify VSC according to some operational habits from IDEA to improve efficiency.

Plugin Installation

• IntelliJ IDEA Keybindings Keep most shortcuts consistent with IDEA
• open in the browser Open files in browser
• Darcula IntelliJ Theme Keep theme consistent with IDEA
• Prettier - Code formatter
• EditorConfig for VS Code
• TSLint

And so on.

Custom Settings

I have combed before, my commonly used APP, commonly used hardware. This time, I will sort out the plugins that Chrome uses every day, and share my experience.

For the plugins I use, they can be roughly divided into two categories.

To be continued

Daily Used

Since company projects require using internal Maven resources, which aren’t needed at home, switching settings back and forth is time-consuming. Inspired by automation, I considered creating a script to switch sources.

Script-Based Initial Solution

I came across an article by a fellow developer about script-based switching, which gave me an idea. Here’s the script:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

#!/bin/bash

base_dir=~/.m2
setting_home=settings_home.xml
setting_work=settings_work.xml

PS3='Please enter the number of your choice: '
options=("home" "work")
select opt in "${options[@]}"
do
    case $opt in
        "home")
        ln -sfn ${base_dir}/${setting_home} ${base_dir}/settings.xml
            echo "Switched setting.xml to home!"
            break
            ;;
        "work")
        ln -sfn ${base_dir}/${setting_work} ${base_dir}/settings.xml
            echo "Switched setting.xml to work!"
            break
            ;;
  
    esac
done

The script allows interactive execution to switch settings. However, this method still requires running the script each time. Is there a way to achieve one-click switching? Yes! Alfred can do it.