Skip to main content
  • Log in
  • Manage Cookies
Eclipse Plugins, Bundles and Products - Eclipse Marketplace
  • My Marketplace
  • Add Content
  • More

      • Community

      • Marketplace
      • Events
      • Planet Eclipse
      • Newsletter
      • Videos
      • Blogs

      • Participate

      • Report a Bug
      • Forums
      • Mailing Lists
      • Wiki
      • IRC
      • Research

      • Eclipse IDE

      • Download
      • Learn More
      • Documentation
      • Getting Started / Support
      • How to Contribute
      • IDE and Tools
      • Newcomer Forum

    • Search

  1. Home
  2. Marketplace
  3. Tools
  4. Eclipse 4 Tools: CSS Spy

Eclipse 4 Tools: CSS Spy

Eclipse 4 Tools: CSS Spy
46
3
Install

Drag to Install!

Drag to your running Eclipse* workspace.
*Requires Eclipse Marketplace Client

Add this URL to your Eclipse Installation to reach this solution's update site.

Luna (4.4)

https://download.eclipse.org/e4/updates/0.16

Kepler (4.3)

https://download.eclipse.org/e4/updates/0.14

Juno (4.2, 3.8)

https://download.eclipse.org/e4/updates/0.13
Learn more...

Screenshot 0

Details Group Tabs

Details

The Eclipse 4 Application Platform now uses CSS for theming Eclipse-based applications. But debugging CSS can be painful. The Eclipse 4 team have created two tools to help: the CSS Spy and Scratchpad.

Note: with 0.13, the keyboard shortcuts for the CSS Spy and Scratchpad have changed to avoid conflicts on Windows and Linux. If you are upgrading the Spy or Scratchpad in an existing installation, the original keybindings will be left unchanged.

The CSS Spy (invoked using Shift-Alt-F5) allows examining the widget tree for the active shell. The Spy shows the widget tree for the current window, with the initial selection is set to the control under the cursor. For each widget, the spy shows the CSS class and CSS ids for the different widgets, the current CSS properties for that element, the computed properties that were actually applied to the element, and other useful information for CSS use. The property table is editable, so you can also change the CSS property for an element and see the effect immediately.

The CSS Scratchpad (invoked using Shift-Alt-F6) provides for iteratively refining CSS rules. Clicking on the "Apply" button causes the CSS to be "compiled" and applied to the active application.

The spy tools are from the Eclipse Platform incubator project (called "e4").

Note: 0.16 is only compatible with Eclipse Platform 4.4 (Luna). Previous versions can be installed from earlier Eclipse e4 update sites:

  • e4 0.14 for Eclipse Platform 4.3 (Kepler): http://download.eclipse.org/e4/updates/0.14
  • e4 0.13 for Eclipse Platform 4.2 (Juno): http://download.eclipse.org/e4/updates/0.13
  • e4 0.12 for Eclipse Platform 4.1 (Indigo): http://download.eclipse.org/e4/updates/0.12
Categories:
  • Application Development Frameworks,
  • IDE,
  • Rich Client Applications,
  • UI
Tags:
  • CSS,
  • themes,
  • e4,
  • styling,
  • eclipse4
Additional Details
Eclipse Versions: 
Luna (4.4), Kepler (4.3), Juno (4.2, 3.8)
Platform Support: 
Windows, Mac, Linux/GTK
Organization Name: 
The Eclipse Foundation
Development Status: 
Beta
Date Created: 
Wed, 2012-06-27 11:11
License: 
EPL
Date Updated: 
Wed, 2022-12-14 09:47
Submitted by: 
Brian de Alwis
Screenshots
Screenshot 0
Metrics
DateRankingInstallsClickthroughs
June 202355/541129 (0.27%)2
May 202354/672951 (0.28%)11
April 202357/668894 (0.27%)9
March 202359/6881056 (0.27%)13
February 202359/668919 (0.27%)22
January 202362/677920 (0.27%)16
December 202265/805752 (0.22%)21
November 202284/808705 (0.18%)24
October 2022204/811162 (0.04%)12
September 2022265/81281 (0.02%)18
August 2022312/80849 (0.01%)18
July 2022289/81665 (0.02%)29
View Data for all Listings
Errors

Unsuccessful Installs in the last 7 Days: 9

CountError Message
9Cannot continue the operation. There is another install operation in progress.
Download last 500 errors (CSV)
External Install Button

Marketplace Drag to Install button

By adding the following code below to your website you will be able to add an install button for Eclipse 4 Tools: CSS Spy.

HTML Code:


Markdown Syntax:



Output: Drag to your running Eclipse* workspace. *Requires Eclipse Marketplace Client
Tuesday, June 6, 2023 - 01:12

Reviews Sign in to post reviews

jhohwiller's picture

Any chance to get this for recent eclipse (4.8)?

Submitted by Jörg Hohwiller on Fri, 2019-01-25 12:38

Is this plugin still maintained? It does not install in a recent Eclipse 4.8. It tried via marketplace, updatesite, etc. without luck.

Any idea or any alternative? I want to increase the enitre font-size of my eclipse (not only text editor). On my large-screen Eclipse is impossible to use without eagle-eyes that I fail to have.

BTW: Would be lovely if Eclipse would support such obvious things out of the box. Check google or stackoverflow to see that many users have issues with that.

mxor's picture

Re: Any chance to get this for recent eclipse (4.8)?

Submitted by Motein Xor on Wed, 2019-09-04 02:39

It looks like no one else to anwser your question. Yeah, we still can use it and the site is below.

https://download.eclipse.org/e4/snapshots/org.eclipse.e4.tools/latest/

 

lufimtsev's picture

Blank view when I open this?

Submitted by Leo Ufimtsev on Wed, 2015-01-21 15:35

This is the first time I'm trying out this tool.

When I open it with Alt+Shift+F5, the window and the two tabs (CSS/Scratchpad) appear, but the content of the tabs is empty.

Linux Fedora 21 w/ Gtk2.

Markets

  • Eclipse Project (4)
  • Tools (1342)
    • Application Development Frameworks (171)
    • Application Management (32)
    • Application Server (31)
    • BIRT (10)
    • Build and Deploy (104)
    • Business Intelligence, Reporting and Charting (14)
    • Code Management (117)
    • Collaboration (37)
    • Database (44)
    • Database Development (34)
    • Database Persistence (17)
    • Documentation (60)
    • Eclipse Kura (122)
    • Eclipse SmartHome (46)
    • EclipseRT Target Platform Components (10)
    • Editor (339)
    • Entertainment (14)
    • General Purpose Tools (124)
    • Graphics (34)
    • IDE (344)
    • Internet of Things (IoT) (35)
    • J2EE Development Platform (44)
    • J2ME (5)
    • Languages (155)
    • Linux Tools (19)
    • Logging (22)
    • Mobile and Device Development (49)
    • Modeling (90)
    • Modeling Tools (146)
    • Mylyn Connectors (20)
    • Network (14)
    • Other (74)
    • Process (18)
    • Profiling (22)
    • Programming Languages (100)
    • Reporting (32)
    • Rich Client Applications (39)
    • Science (4)
    • SCM (20)
    • Search (42)
    • SOA Development (15)
    • Source Code Analyzer (99)
    • Systems Development (59)
    • Team Development (54)
    • Testing (90)
    • Tools (568)
    • UI (97)
    • UML (40)
    • Web (90)
    • Web Services (31)
    • Web, XML, Java EE and OSGi Enterprise Development (32)
    • XML (29)
  • IoT (172)
    • Eclipse Kura (122)
    • Eclipse SmartHome (46)
  • RCP Applications (79)
  • Training & Consulting (53)
  • Long Term Support (11)

Search

Advanced Search

More like this

  • Eclipse 4 Tools: Lightweight CSS Editor
  • Eclipse 4 Tools: Application Model Editor
  • Eclipse 4 Tools: Event Spy
  • Eclipse 4 Tools: Context Spy
  • PEP Tools: PDE/Eclipse Productivity

Favorited by

Eclipse Foundation

  • About Us
  • Contact Us
  • Sponsor
  • Members
  • Governance
  • Code of Conduct
  • Logo and Artwork
  • Board of Directors
  • Careers

Legal

  • Publishing Guidelines
  • Privacy Policy
  • Terms of Use
  • Copyright Agent
  • Eclipse Public License
  • Legal Resources

Useful Links

  • Welcome to Marketplace
  • Report a Bug
  • Documentation
  • How to Contribute
  • Mailing Lists
  • Forums
  • Marketplace

Other

  • IDE and Tools
  • Projects
  • Working Groups
  • Research@Eclipse
  • Report a Vulnerability
  • Service Status

Copyright © Eclipse Foundation. All Rights Reserved.

Back to the top