Client-Side Defense

This guide provides instructions about how to enable Client-Side Defense (CSD) and how to apply it to your web applications using F5 Distributed Cloud Console. For more information about CSD, see About Client-Side Defense.

---

Prerequisites

• A valid F5 Distributed Cloud Console Account. If you don't have an account, see Create a Distributed Cloud Console Account.

---

Enable CSD

To enable CSD on Distributed Cloud Console, do the following:

1. In Common services, select the Client-Side Defense tile.

2. In the Client-Side Defense screen that appears, click Enable Client-Side Defense.

CSD is now enabled and ready for use.

---

Add a domain for CSD protection

After you enable CSD on Distributed Cloud Console, add the root domain for all domains where you want to apply CSD protection:

1. In the CSD dashboard, go to Configuration.

2. Select Add domain to protect. The Domain to protect screen appears.

3. In the Domain to protect screen, enter the root domain you want to protect and select Save and Exit.

The domain you added now appears in the list of domains to protect.

---

Injecting the CSD JS on your web pages

After you add the domains on which to apply CSD protection, you must inject the CSD JavaScript on the web pages in the domain. F5 recommends injecting the CSD JavaScript on all web pages in the domain to maximize CSD protection.

Note: You can also use BIG-IP to inject the CSD JavaScript in your website pages. For information, see https://techdocs.f5.com/en-us/bigip-17-1-0/big-ip-dcs-client-side-defense-implementation.html.

To inject the CSD JavaScript on web pages:

1. In the CSD dashboard, go to Configuration.

2. Select How to Inject JS. The How to Inject JS screen appears.

3. Follow the instructions for injecting the CSD JavaScript in the How to Inject JS screen.

---

Verifying your email on the Alert Receiver

When you enable CSD, CSD automatically creates an Alert Receiver using the email address you entered for your account on Distributed Cloud Console. CSD also automatically creates an Alert Policy and adds a CSD alerts group to this policy. To ensure that you receive alerts when CSD detects suspicious activity, you need to verify your email on the Alert Receiver.

To verify your email on the Alert Receiver:

1. In the System namespace, in the left navigation pane, go to Manage > Alerts Management > Alert Receivers.

2. In the Alert Receivers screen, find the client-side-defense-receiver row and in its Actions column select the icon with three dots. A pop-up menu will appear.

3. Select Verify Email, and then select Send email to send the verification email.

4. After you receive the email, return to the Alert Receivers screen.

5. Find the client-side-defense-receiver row and in its Actions column select the icon with three dots. A pop-up window will appear.

6. Select Enter verification code, enter the verification from the email, and then select Verify receiver.

There is no CSD-specific alert receiver configuration. For information about how to create and configure Alert Receivers and Alert Policies, click here.

---

Testing the JS injection on your web pages

After you add domains for CSD protection and inject the CSD JavaScript on your web pages, you can test if the JavaScript injection was successful on a web page. Testing for the CSD JavaScript injection is not required, but F5 recommends performing this test to verify that your web pages are recieving CSD protection.

To perform testing for the CSD JavaScript injection:

1. In the CSD dashboard, go to Configuration.

2. Find the domain in the list that contains the web page that you want to test, and select the Test JS Injection button at the end of the row on the right. The Test JS Injection screen appears.

3. In the Test JS Injection screen, paste the URL of the web page that you want to test and select Test JS Injection.

When the test is finished, the CSD dashboard displays a confirmation message indicating whether or not the CSD JavaScript was detected on the web page.

---

Using the CSD dashboard

Monitoring > Dashboard

The CSD Monitoring Dashboard page displays the suspicious network interactions with additional information for deciding whether to mitigate or allow a suspicious domain. When a web page with CSD protection is loaded on the end-user’s browser, scripts running on that webpage interact with other domains. The Suspicious Domains list displays a list of the domains that those scripts interact with and which CSD detected to be potentially malicious.

Monitoring > Script List

For your reference, XC Client-Side Defense lists all discovered JavaScript scripts for a page. The list provides an overview of which scripts are interacting with the different webpage elements.

To view the list, in the left navigation menu go to Monitoring > Script List.

Select a script to see the following information:

• Script behaviors (new or otherwise) over time.
• All network interactions for the script.
• All form fields read by this script.

For information about script objects, see The Script Object - Detailed Information on Script Behavior.

Monitoring > Network

The CSD Monitoring Network page displays several tabs for displaying holistic network data, which can assist you when deciding whether to mitigate or allow a suspicious domain:

• All Domains:  When a web page with CSD protection is loaded, scripts running on that web page interact with other domains. The All Domains list displays a list of the domains that those scripts interact with.

• Mitigate List:  Displays a list of domains that the user has assigned for mitigation. When a domain is assigned for mitigation, CSD blocks that domain and it cannot be accessed by any script running on the end-user's browser when accessing a CSD protected web page.

• Allow List:  Displays a list of domains that the user has decided don't need mitigation and are allowed free access.

Manage > Configuration

The CSD Manage Configuration page is for configuring your web application for CSD protection. The page displays a list of your root domains that are configured for CSD protection, and also the following:

• Add domains for CSD protection.

• Display instructions for injecting the CSD JS on web pages in a domain.

• Schedule a CSD training session.

---

Viewing suspicious domains

When CSD detects suspicious activity on a domain that has been configured for CSD protection, the user is alerted and that domain is added to the dashboard.

Filtering suspicious domains by location

You can filter the Suspicious Domains list according to a specific location or locations where CSD detected suspicious activity.

To filter the Suspicious Domains list by location:

1. In the upper-right of the page, select Select Page. A pop-up list will appear.

2. Select one or more locations, and then select Apply.

The list now displays only those domains containing the locations you selected.

---

Adding a domain to the Mitigate List or Allow List

To add a domain to the Mitigate List or Allow List:

1. Go to the Suspicious Domains list or All Domains list.

2. Go to the row of the relevant domain, and in its Actions column select the icon with three dots. A pop-up menu will appear.

3. Select Add to Allow List/Add to Mitigate List.

Alternatively, you can add a domain directly from the Mitigation List or Allow List as follows:

1. In the Mitigation List or Allow List, select Add domain. A new screen appears.

2. Enter the domain name and then select Save and Exit.

After adding a domain to the Mitigate List or Allow List, you can delete it from the list by selecting the icon with three dots in the Actions column, and then selecting Delete.

---

Viewing domain details

From the Suspicious Domains list or All Domains list, you can view the following domain information by selecting the domain from the list:

• Reasons why this domain may be at risk
• Risk score
• Web pages on this domain with CSD protection
• Scripts that are potentially networking with the domain

---

The Script Object - Detailed Information on Script Behavior

The three main components of a script object are displayed on the following tabs:

• Overview: Captures behavior of the script over time.

  It includes the following information:

  • Script Behaviors Over Time: A graphical representation of changes to the behavior of a script over time. You can configure the time frame and behaviors displayed in the chart.

    

  • New Behaviors Pane: Lists all new behaviors of this script during the selected time interval.

  • All Behaviors Pane: Lists all behaviors of this script during the selected time interval.

• Network: Captures all network interactions of a specific script.

• Form Fields: Lists all form fields read by a specfic script.

---

Modifying the CSD JS for asynchronous loading

By default, the CSD JavaScript is configured to load synchronously and F5 highly recommends against changing this configuration. However, if there is a strong need, you can modify the CSD JavaScript to load asynchronously. To modify the CSD JavaScript for asynchronous loading, add async defer to the beginning of the script, as follows:

Change: <script src="https://us.gimp.zeronaught.com/js/example.js"></script>

To: <script async defer src="https://us.gimp.zeronaught.com/js/example.js"></script>

The CSD JavaScript should always be the first JavaScript or script to load on the web page to ensure that the CSD JavaScript can detect any malicious scripts running on the web page.

---