FUTBIN Dual Price Box & Graph Displayer
A powerful userscript that enhances FUTBIN player pages by displayin### 🐛 Bug Reports## 🐛 Bug Reports & Feature Requests
Found a bug or have an idea? Please open an issue with:
- For bugs: Steps to reproduce, expected vs actual behavior, browser & userscript manager versions
- For features: Clear description of the desired functionality
❓ Troubleshooting
Script Not Working?
- Check if enabled: Open your userscript manager and ensure the script is enabled
- Developer mode (Chrome only): Go to
chrome://extensions/ and enable Developer mode toggle
- Clear cache: Clear browser cache and reload the FUTBIN player page
- Check URL: Script only works on player pages:
https://www.futbin.com/*/player/*
- Browser console: Press F12 and check for any error messages
- The ⚙️ Platforms button appears in the top-right corner
- Try refreshing the page (F5)
- Check if the script is enabled in your userscript manager
Found a bug or have an idea? Please open an issue with console and PC prices side-by-side with fully customizable platform visibility and ordering.
✨ Features
- Dual Platform Price Boxes: View Console (PS/Xbox) and PC prices simultaneously
- Side-by-Side Layout: Compact display showing both platforms at once
- Vertical Graph Display: Price history graphs stacked for easy comparison
- Fully Customizable:
- Show both platforms, console only, or PC only
- Choose display order (Console first or PC first)
- Separate settings for price boxes and graphs
- Persistent Configuration: Settings saved automatically and persist across sessions
- Hover Card Support: Works seamlessly with alternate player cards (e.g., Cornerstones)
- Clean UI: Intuitive settings panel with visual platform icons
- Zero Performance Impact: Lightweight implementation with smart DOM observation
📸 Screenshots
Settings Panel
Click the ⚙️ Platforms button to configure your preferences:
Side-by-Side Price Boxes
View Console and PC prices simultaneously:
Vertical Graph Display
Price history graphs stacked for easy comparison:
Full Overview
Complete view showing all features in action:
🚀 Installation
Prerequisites
You need a userscript manager installed in your browser:
Install Script
- Install a userscript manager (if you haven’t already)
- Click the install link:
- Confirm installation in your userscript manager
- Visit any FUTBIN player page - the script will activate automatically!
⚠️ Chrome Users: Enable Developer Mode
If you see a “Please enable developer mode” message in Tampermonkey/Violentmonkey:
- Go to
chrome://extensions/ in your Chrome address bar
- Toggle Developer mode ON (top-right corner)
- Refresh the FUTBIN page
- Note: This is safe - it only allows Chrome extensions to inject scripts properly
Why is this needed? Chrome restricts userscript injection for security. Enabling developer mode in Chrome’s extensions page allows Tampermonkey/Violentmonkey to function properly.
📖 Usage
Opening Settings
- Navigate to any FUTBIN player page (e.g.,
https://www.futbin.com/25/player/276/cristiano-ronaldo)
- Look for the ⚙️ Platforms button in the top-right corner
- Click to open the settings panel
Configuration Options
Price Boxes
- Both (Console & PC): Display both platforms side-by-side
- Console Only: Show only PlayStation/Xbox prices
- PC Only: Show only PC prices
Price Boxes Order
- Console First: Display console prices on the left
- PC First: Display PC prices on the left
Price Graphs
- Both (Console & PC): Show both platform graphs vertically stacked
- Console Only: Show only console price history
- PC Only: Show only PC price history
Price Graphs Order
- Console First: Display console graph on top
- PC First: Display PC graph on top
Applying Changes
- Select your preferred options
- Click Apply - the page will reload with your new settings
- Settings are automatically saved and will persist across all FUTBIN player pages
🛠️ Technical Details
- Language: JavaScript (ES6+)
- Storage: Uses
GM_getValue and GM_setValue for persistent configuration
- DOM Handling: Smart MutationObserver for dynamic content (hover cards)
- Styling: Inline CSS with Flexbox for responsive layouts
- Performance: Minimal overhead with efficient DOM manipulation
🤝 Contributing
Contributions are welcome! Here’s how you can help:
- Fork the repository
- Create a feature branch:
git checkout -b feature/amazing-feature
- Commit your changes:
git commit -m 'Add amazing feature'
- Push to the branch:
git push origin feature/amazing-feature
- Open a Pull Request
Development Guidelines
- Maintain clean, readable code
- Test on multiple FUTBIN player pages
- Ensure compatibility with both Tampermonkey and Violentmonkey
- Update version number for significant changes
🐛 Bug Reports & Feature Requests
Found a bug or have an idea? Please open an issue with:
- For bugs: Steps to reproduce, expected vs actual behavior, browser & userscript manager versions
- For features: Clear description of the desired functionality
📝 Changelog
Version 6.0 (2025-10-08)
- ✨ Added order configuration for price boxes (Console first vs PC first)
- ✨ Added order configuration for graphs (Console first vs PC first)
- 🎨 Enhanced configuration panel with 4 customization options
- 🐛 Fixed hover card display issues
- ♻️ Code refactoring with improved helper functions
- 📚 Complete documentation and licensing
Version 5.0
- ✨ Added configuration UI with persistent settings
- ✨ Added support for hover-over alternate player cards
- 🎨 Improved layout and styling
Version 4.0
- ✨ Vertical graph display implementation
- ♻️ Code optimization and cleanup
Earlier Versions
- Initial implementation of dual price boxes
- Side-by-side layout
- Basic platform switching
📄 License
This project is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License (CC BY-NC-SA 4.0).
You are free to:
- Share: Copy and redistribute the material in any medium or format
- Adapt: Remix, transform, and build upon the material
Under the following terms:
- Attribution: You must give appropriate credit to Lupus and indicate if changes were made
- NonCommercial: You may not use the material for commercial purposes
- ShareAlike: If you remix or build upon the material, you must distribute your contributions under the same license
Full License Text
👤 Author
Lupus
🤖 Development
This project was entirely developed using AI assistance (GitHub Copilot + Claude). It showcases the potential of AI-powered development for creating fully functional, production-ready userscripts with:
- Clean, well-documented code
- Comprehensive error handling
- Persistent configuration management
- Responsive UI design
- Full licensing and documentation
⭐ Support
If you find this script useful, please consider:
- ⭐ Starring the repository on GitHub
- 🐛 Reporting bugs to help improve the script
- 💡 Suggesting features for future updates
- 📢 Sharing with other FIFA/FC players who use FUTBIN
🙏 Acknowledgments
- FUTBIN for providing an excellent platform for FIFA/FC Ultimate Team players
- The userscript community for tools and inspiration
Disclaimer: This userscript is not affiliated with, endorsed by, or connected to FUTBIN or EA Sports. It’s a community tool designed to enhance the user experience on FUTBIN.
评论