Optimize nba.com boxscore page for viewing

Latest Version

Version
1.3.87
Update
November 14, 2024
Size
188KiB
Developer
Category
Users
145
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Tabs
Storage
See more

NBA Stats Wizard Extension

UPDATE: the NBA website was changed once more, so I need to accommodate to those, however after almost 4 years of this extension online they finally enabled localized gametime to user's machine rendering this feature useless, it's not interrupting with usage but it does need to be addressed hence coming version will handle:
*Removal of localize game times (which is too bad because prior with this extension you could view native game time and your local, impossible now).
*Remove scoreboard from top of the screen.

Spoiler: the version after that will a toggle to support dark mode in box score, for you night owls 🦉
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★


Have you been finding yourself lost on the nba.com boxscore page? this light extension will highlight all that matters to you so you could keep track of your favorite team and players.

★ Sticky table headers when you scroll down
★ Highlight rows and columns on mouse hover
★ Colorize notable stats and team leaders
★ Localized time for upcoming games @ www.nba.com/games
★ Remove DNP player rows in finished games

It works on any nba.com boxscore page and for every game, just navigate to a game's boxscore and watch the magic!
Screenshots taken from:
https://www.nba.com/game/lal-vs-mil-0022000226/box-score

You're welcome to send feature requests and bug reports as I will try and keep it updated.

IMPORTANT - this extension is and always will be for free, and will NEVER include ads. It was made for my own personal use and thought I should share it with the world.

Hope you'll enjoy it!



Changelog:
‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾
➤ 1.3.87:
• |🛠️Fix| localized game times

➤ 1.3.7:
• |🛠️Fix| wizard didn't recognize live games which caused \"player to watch\" feature to break as well, I hadn't watched much live games this season so
can't really tell how long it was broken 😇

➤ 1.3.6:
\t• |🛠️Fix| hide live scoreboard on top of the page (to enable more of the table to be seen in order to minimize the need for scrolling while viewing/
analyzing boxscore), again due to changes by \"nba.com\" web developers 😅
\t
➤ 1.3.3 + 1.3.4 + 1.3.5:
• |🛠️Fix| update local times due to nba.com team's change
• |🛠️Fix| update local times, when changing date due to changes by \"nba.com\" web developers

➤ 1.3.2:
• |🌟New| add player to watch volume control on popup

➤ 1.3.0:
• |🛠️Fix| adjust wizard to work on the updated nba.com
HTML hierarchy which broke several features
• Add Player To Watch (PTW) doorbell alert each time the
chosen player enters the game + adds minutes tracker fixed on top
left corner when enabled
• |🌟New| Add extension popup with new features:
✔ PTW control on/off
✔ Global user preferences
✔ More to come
• |🌟New| Add percentage symbol in each fg%, 3pt% and ft% columns
• |🛠️Fix| fix minor bug on localized gametimes on several
timezones


➤ 1.2.2:
• |📈Update| localized time displayed in 24 hour format to avoid
ambiguity
• |🛠️Fix| sluggish row/column highlight when staying in a live game
page for a long time without refreshing

➤ 1.2.1:
• |🌟New| wizard now updates table cells in real-time during live
games (experimental)

➤ 1.2.0:
• |🌟New| colorize player name cells + team header according to
its respective colors
• |🌟New| zoom first row and column of currently hovered cell
• |🌟New| localized time of a game above the ET time which is
displayed by default in the nba.com/games list

➤ 1.1.0:
• |🌟New| wizard supports different periods such as quarter or half
• |🌟New| sticky headers when you scroll past the table header
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx","name": "NBA Stats Wizard","version": "1.3.87","manifest_version": 3,"description": "Optimize nba.com boxscore page for viewing","default_locale": "en","action": {"default_popup": "src/page_action/popup.html"}, "permissions": ["tabs","storage"],"icons": {"48": "assets/icon48.png","128": "assets/icon128.png"},"web_accessible_resources": [{ "resources": ["assets/ui/*"],"matches": [""],"extension_ids": []}],"content_scripts": [{"matches": [ "https://www.nba.com/game/*" ],"css": [ "src/inject/nbacom.css" ],"js": ["src/inject/nbacom.js","src/inject/jquery-3.5.1.slim.min.js"],"run_at": "document_end" },{"matches": ["https://www.nba.com/games*"],"js": ["src/inject/gametimes.js","src/inject/jquery-3.5.1.slim.min.js"],"run_at": "document_end" } ] }
Read more

How to download and manually install NBA Stats Wizard extension for Chrome

Looking for a way to install NBA Stats Wizard extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install NBA Stats Wizard extensions manually, this article outlines two simple methods to effortlessly install NBA Stats Wizard extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download NBA Stats Wizard extension and manually install through Drag &Drop

If you ever need to manually install a NBA Stats Wizard extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the NBA Stats Wizard Extension by clicking the "Download CRX" button on the website.

Look for the NBA Stats Wizard extension you wish to install. Go to the website and download the NBA Stats Wizard extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for NBA Stats Wizard extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the NBA Stats Wizard extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download NBA Stats Wizard extension for Chrome and install in Developer Mode

This is another method to install NBA Stats Wizard extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the NBA Stats Wizard extension file

Select and download the NBA Stats Wizard extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the NBA Stats Wizard extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your NBA Stats Wizard extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the NBA Stats Wizard extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install NBA Stats Wizard extension in 2 ways. We hope this guide proves helpful.

Similar Extensions