Eliminating a particular user script from WKUserContentController

Currently, I am using addUserScript() to insert a user script into my WKWebView's WKUserContentController. An issue that I've encountered is that even after calling loadRequest(), the added script remains in place.

In certain scenarios, I might need to remove specific scripts and then add others. Unfortunately, it appears that the only method available for removing scripts is removeAllUserScripts(). This poses an inconvenience as it requires me to remove all scripts and subsequently re-add the ones that are needed.

If anyone has insight on how to delete a particular script based on its name, handle, or any other identifier, I would greatly appreciate your input.

javascriptiosiphonewkwebviewwkuserscript

Answer №1

It seems impossible to completely "remove a script" (or even make sense of that idea based on your question).

A "script" simply provides the Javascript environment with definitions for elements like variables, functions, and more. When two scripts conflict by defining the same function or variable, the last one loaded takes precedence. So, in this scenario, what does it mean to "remove a script"?

If you want to eliminate elements from your Javascript environment, you can always redefine them to be empty (e.g., redefine foo() as {}). Or, the easiest solution may just be to stop using the problematic element altogether.

Answer №2

If you're looking to remove a user script by value, you can use the following approach:

-(bool)removeUserScriptByValue:(nonnull NSString*)scriptValue{
    bool removed = false;
    NSMutableArray<WKUserScript*>* userScriptsArray = [NSMutableArray arrayWithArray:self.configuration.userContentController.userScripts];
    
    for(int index=0; index<userScriptsArray.count; index++){
        WKUserScript* userScript = [userScriptsArray objectAtIndex:index];
        
        if([userScript.source rangeOfString:scriptValue].location != NSNotFound){
            removed = true;
            [userScriptsArray removeObjectAtIndex:index];
            break;
        }
    }
    
    if(removed){
        [self.configuration.userContentController removeAllUserScripts];
        
        for(WKUserScript* script in userScriptsArray)
            [self.configuration.userContentController addUserScript:script];
    }
    
    return removed;
}

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Looking for assistance with a JavaScript code snippet

I have encountered an issue while iterating through receipts in the given code snippet. The objective is to fetch the receipt number for each receipt and add it to a JSON object. However, I am facing a problem where the same receipt is appearing in two sep ...

javascriptjson

Error message in the browser console: Uncaught TypeError - The function allSections.addEventListener is not recognized

Whenever I inspect my browser console, I keep encountering this error: Uncaught TypeError: allSections.addEventListener is not a function at PageTransitions (app.js:16:17) at app.js:33:1 I find it strange because my VS Code editor does not display any err ...

javascripthtmlconsole

Adjust the height of the parent (div) to match the size of its child (p) following a window resize

$(window).on("resize", function () { var totalHeight = 0 var $p = $("#cwt-help").children(); $p.each(function () { totalHeight += $("#cwt-help").outerHeight(); }); $("#cwt-help").css({ "height": totalHeight }) }); I'm ...

javascriptjqueryhtmlcss

Retrieve information using an AJAX call

There is JSON data stored in a file that I need to read. The correct file data is printed to the console.log. What steps should I take to assign this data to variable x? Currently, when I execute the code, x ends up being undefined. function getData() { ...

javascriptjqueryajaxfile

Retrieve JSON details for various games including their properties

I am currently working on a project that involves accessing Casino Games and their properties from a JSON object to display them on a website. Here is my progress so far: var x = $.getJSON("http://api.bosurl.net/V1/Progressive.asmx/GetProgressiveGames?for ...

javascriptjson

Unable to link to 'mdMenuTriggerFor' as it is not a recognized attribute of 'button'

During the execution of my angular application using ng serve, I encounter the following error: Can't bind to 'mdMenuTriggerFor' since it isn't a known property of 'button' Despite importing all the necessary components, I a ...

javascriptangularangular-material

Ways to retrieve component information externally from export

As a newcomer to Vue, I've been experimenting with it before diving into our project, but I've encountered a problem. Typically, when we create an instance like "var app = new Vue ... etc.," we can access its data using app.data. But how do we a ...

javascriptvue.js

Utilizing Swift 2 for Properly Typecasting Dictionary Objects

In my Swift 1.2 code, I have the following snippet: self.publicDatabase!.performQuery(query, inZoneWithID: nil) { results, error in if error != nil { NotificationUtility.postNotification(Notify.CloudKitVenuesRetriev ...

iosswift

What is the best way to position buttons at the bottom of a material ui list and checkboxes at the top of the list?

Struggling with my CSS skills while working on a React TODO app using Material-UI. I need help in displaying TODO items in a Material-UI list format - where the list should have a checkbox as the first item, the TODO text as the second item, and edit/delet ...

javascriptreactjsmaterial-ui

Is it possible for a single field to validate and accept multiple types of data?

As a newcomer to Yup, I am attempting to validate a field that can be either a string following a specific regular expression or an array of such strings. Below is a functional example of validating a string that matches the regex: { field: yup.string(). ...

javascripttypescriptvalidationyup

The main content will be displayed on the sub-routes of the child

I'm feeling uncertain about the routes for children. For example, I have an 'About' route with 'me' as a sub-route: { path: '/about', name: 'About', component: About, children: [ { ...

javascriptvue.js

Moving the panel to follow the mouse cursor in Firefox Add-on SDK

Is there a way to show a panel on the screen at the exact position of the mouse? I'm finding it difficult to understand how to change the position of the panel in Firefox SDK, as the documentation lacks detailed information. ...

javascriptfirefox-addonfirefox-addon-sdk

Use percentages for the width in CSS and pixels for the height, ensuring that both dimensions are equal

I'm attempting to create a square that adjusts its size according to the screen size. Currently, I have the width set to 25%. Is there a way to ensure that the height remains the same length in pixels as the width? Appreciate any assistance on this ...

javascriptcsshtml

The color of the progress bar in JS is not displaying properly

My work involves using jQuery to manipulate progress bars. The issue I am facing is defining standard colors that should be displayed on the progress bar based on the value received. Here is my code: var defaultSegmentColors = ['#FF6363', &ap ...

javascripthtmlcss

Different approaches to transforming jQuery code into functional AngularJS code

I am a beginner in AngularJS and I'm looking to implement functionality for a login page similar to the one you see when you click the 'Forgot Password' link: Would it be more appropriate to use a directive instead of a controller for this ...

javascriptjqueryangularjscontrollerdirective

Leveraging bootstrap's grid system to prioritize content layout based on the

Currently working on a compact React Js project with Bootstrap for styling. One obstacle I've encountered is the need to display the last element as the first one on the page. To achieve this, I plan to utilize the order-1 and order-12 classes from Bo ...

javascriptcssreactjsbootstrap-4

Determine whether the ng-click button has already been clicked or not

Currently, I am toggling a div when the ng-click event is triggered using the isVisible variable. The issue I'm facing is that every time the button is clicked, the function $scope.Objectlist.push(data); is executed. My goal is to only push the data o ...

javascriptarraysangularjsangularjs-scopeangularjs-ng-repeat

A method for assigning a single event listener to multiple events in a React component

I find myself in a situation where I have two events, onClick and onSelect, both of which share the same event handler. I am wondering what the most efficient way to handle this scenario would be - should I create a common method and then call the event ...

javascriptreactjs

ways to insert a fresh value into a recently instantiated object in typescript

I am currently using Angular 6 and dealing with arrays. I have an array along with a model. Here is the Array: let array = [ { id: 1, value: "Some Value", description: "Some Description" }, { id: 2, va ...

javascripttypescriptangular6

Unfamiliar function detected in the updated Vue Composition API

I am currently in the process of converting a basic SFC to utilize the new Vue CompositionAPI. The original code functions perfectly: export default { data() { return { miniState: true } }, methods: { setMiniState(state) { if ...

javascriptvue.jsvue-componentquasar-frameworkvue-composition-api