Prisma Browser
Webpage Element Removal
Table of Contents
Expand All
|
Collapse All
Prisma Browser Docs
Webpage Element Removal
The Webpage Element Removal tool gives you granular control over how web
content is presented to your end-users.
| Where Can I Use This? | What Do I Need? |
|---|---|
|
|
|
The Webpage Element Removal tool gives you granular control over how web content
is presented to your end-users.
Instead of fully blocking access to a website, this feature allows you to
selectively remove specific HTML elements—such as buttons, menus, generative AI prompts,
or social interaction controls—before the page is rendered. By modifying the page
structure at render time, organizations can reduce risk while preserving access to
essential business functionality.
Webpage Element Removal helps bridge the gap between unrestricted access and complete
site blocking. This helps you maintain safer workflows and tighter data loss prevention
(DLP) without hindering productivity.
Typical Use Cases
The following are some typical use cases for Webpage Element Removal:
- Social Media Risk Management: Enable analysts to perform due diligence on platforms such as X (formerly Twitter) or LinkedIn while removing the ability to "Like," "Retweet," or "Comment" by removing the buttons. This prevents accidental "virtue signaling" or attribution during investigations.
- GenAI Data Exfiltration Prevention: Block embedded AI tools—such as Grok on X or AI Overviews in Google Search. This will prevent your users from inadvertently submitting sensitive information to public models without blocking the core search engine or platform ability.
- Enhanced RBAC for Critical Apps: Visually enforce Role-Based Access Control (RBAC) on sensitive SaaS platforms. For example, remove the "Delete Repository" button in GitHub or "Terminate Instance" in AWS Console for junior developers.
- Data Leakage Protection (DLP): Hide the "Share" button in Google Docs/Sheets/Slides or the "Open in Desktop App" option in SharePoint Online (SPO) to force users to work within the secure browser environment.
The Element Removal Selector Tool
To configure a removal policy, you first need to identify the exact code (CSS
Selector) of the element you wish to hide. The Prisma Browser contains a
user-friendly tool to assist with this procedure.
1. Enable the Selector
The CSS Selector admin tool is available for all end-users. However, the tool will
not be available on websites for users that have an active policy to remove
elements, ensuring users cannot bring elements back. In addition, when a policy to
block developer tools on a website is enabled, the tool will be disabled to reduce
risks of unauthorized data exposure.
CSS Selector Tool Availability
To enable the tool:
- Open the Prisma Browser menu.
- Navigate to More tools Customize Prisma Browser.
- Select Toolbar.
- Toggle on Element Selector.
- The Prisma Browser icon will now appear in your browser toolbar.
Use the Selector
- Navigate to the website you wish to modify (e.g. google.com).
- Click the Element Selector icon in the toolbar.
- Hover over the page; elements will highlight as you move your cursor.
- Click the specific element you want to remove.
The Selection Popup
Once an element is clicked, a popup will appear offering the following
controls:
- Copy Snippet: Copies the specific CSS selector to your clipboard (required for Part 2).
- Hide/Show: Toggles visibility to preview what the page looks like without the element.
- Trim Selector: Adjusts the snippet from the beginning or end to make the selection more generic (applying to multiple similar items) or more specific.
- Move selector location: Use the up/down arrows to move the selector location from the bottom/top right corners when needed to select different elements.
2. Configure the Removal Policy
Once you have your CSS selector(s), you can enforce the removal via the Prisma
Browser Management Console.
- Enable the Control
- Navigate to Policy Rules > Access & data rules > Controls and data profiles step.
- Locate the Webpage Element Customization section.
- Switch the mode from Disabled (default) to Enabled.
- Add Elements
- Click Add element
- Give the element a name.
- CSS Element: Paste the snippet copied from the Selector Tool.
- You can delete CSS elements from the controls by clicking the trashcan icon next to them.
- Save and Deploy - Once saved, the policy is active. If you disable the control later, the removal rules will be ignored but saved for future use.
Webpage Element Removal
The End-User Experience
What do your employees see?
- Seamless Integration - The targeted elements simply do not render. There are no "blocked" placeholders or error messages where the button used to be.
- Omnibox Indication:
- To ensure transparency, an indicator (featuring your company logo) will
appear in the address bar (Omnibox) to inform the user that the webpage
layout has been modified by IT policy.
Frequently-Asked Questions
Q: Can I use the Selector Tool on a page where I have already enforced a removal rule?
A: No, this is prevented to avoid cases where users can unhide elements
while trying to bypass admin policy
Q: Does this block the website entirely?
A: No. This control is content-agnostic. It only modifies the visual
presentation (HTML/CSS) of the page to remove specific functionality while
keeping the rest of the site accessible.
Q: Can I apply this to specific users?
A: Yes. Like other Prisma policies, this can be scoped. However,
remember that administrators can exclude themselves from rules to ensure they
can continue using the Selector Tool for maintenance.