Browser框架中调用JS代码(Avalonia)

2024-01-29 17:52

本文主要是介绍Browser框架中调用JS代码(Avalonia),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Browser框架中调用JS代码(Avalonia)

双击项目的名称,然后添加允许使用不安全代码的选项

<AllowUnsafeBlocks>true</AllowUnsafeBlocks>

在这里插入图片描述

在Browser项目里新建一个你自己的js文件daka.js
然后在项目里新建一个js调用的代理类DakaJsInterop.cs
在这里插入图片描述
这里需要注意的是,添加完js文件后,Browser项目的配置文件里,会自动添加上Remove的项,这里需要删除,否则不会加载,也就是你调用的时候,会报404的错误。
在这里插入图片描述
然后编辑index.html文件,在里面添加上js文件的引用
在这里插入图片描述
js文件里的方法,需要使用export进行暴露,不然调用时显示找不到方法!
在这里插入图片描述
调用时,需要在对应的类里添加SupportedOSPlatform注解,否则IDE会报警告,虽然不影响代码运行,但是逼死强迫症:

[SupportedOSPlatform("browser")]

在这里插入图片描述
调用时,需要先试用JSHost进行Import,否则报错。。。

if (OperatingSystem.IsBrowser())
{await JSHost.ImportAsync(DakaJsInterop.ModuleName, DakaJsInterop.ModuleUrl).ContinueWith(_ =>{DakaJsInterop.Call("18810928258");});
}
else
{Process.Start(new ProcessStartInfo("cmd", $"/c start https://www.dakapath.com/") { CreateNoWindow = true });
}

调用效果:
在这里插入图片描述

这篇关于Browser框架中调用JS代码(Avalonia)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/657703

相关文章

Python Web框架Flask、Streamlit、FastAPI示例详解

《PythonWeb框架Flask、Streamlit、FastAPI示例详解》本文对比分析了Flask、Streamlit和FastAPI三大PythonWeb框架:Flask轻量灵活适合传统应用... 目录概述Flask详解Flask简介安装和基础配置核心概念路由和视图模板系统数据库集成实际示例Stre

Olingo分析和实践之OData框架核心组件初始化(关键步骤)

《Olingo分析和实践之OData框架核心组件初始化(关键步骤)》ODataSpringBootService通过初始化OData实例和服务元数据,构建框架核心能力与数据模型结构,实现序列化、URI... 目录概述第一步:OData实例创建1.1 OData.newInstance() 详细分析1.1.1

Python实现MQTT通信的示例代码

《Python实现MQTT通信的示例代码》本文主要介绍了Python实现MQTT通信的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录1. 安装paho-mqtt库‌2. 搭建MQTT代理服务器(Broker)‌‌3. pytho

MySQL进行数据库审计的详细步骤和示例代码

《MySQL进行数据库审计的详细步骤和示例代码》数据库审计通过触发器、内置功能及第三方工具记录和监控数据库活动,确保安全、完整与合规,Java代码实现自动化日志记录,整合分析系统提升监控效率,本文给大... 目录一、数据库审计的基本概念二、使用触发器进行数据库审计1. 创建审计表2. 创建触发器三、Java

Java中调用数据库存储过程的示例代码

《Java中调用数据库存储过程的示例代码》本文介绍Java通过JDBC调用数据库存储过程的方法,涵盖参数类型、执行步骤及数据库差异,需注意异常处理与资源管理,以优化性能并实现复杂业务逻辑,感兴趣的朋友... 目录一、存储过程概述二、Java调用存储过程的基本javascript步骤三、Java调用存储过程示

Visual Studio 2022 编译C++20代码的图文步骤

《VisualStudio2022编译C++20代码的图文步骤》在VisualStudio中启用C++20import功能,需设置语言标准为ISOC++20,开启扫描源查找模块依赖及实验性标... 默认创建Visual Studio桌面控制台项目代码包含C++20的import方法。右键项目的属性:

Spring 框架之Springfox使用详解

《Spring框架之Springfox使用详解》Springfox是Spring框架的API文档工具,集成Swagger规范,自动生成文档并支持多语言/版本,模块化设计便于扩展,但存在版本兼容性、性... 目录核心功能工作原理模块化设计使用示例注意事项优缺点优点缺点总结适用场景建议总结Springfox 是

MySQL数据库的内嵌函数和联合查询实例代码

《MySQL数据库的内嵌函数和联合查询实例代码》联合查询是一种将多个查询结果组合在一起的方法,通常使用UNION、UNIONALL、INTERSECT和EXCEPT关键字,下面:本文主要介绍MyS... 目录一.数据库的内嵌函数1.1聚合函数COUNT([DISTINCT] expr)SUM([DISTIN

Python中Tensorflow无法调用GPU问题的解决方法

《Python中Tensorflow无法调用GPU问题的解决方法》文章详解如何解决TensorFlow在Windows无法识别GPU的问题,需降级至2.10版本,安装匹配CUDA11.2和cuDNN... 当用以下代码查看GPU数量时,gpuspython返回的是一个空列表,说明tensorflow没有找到

Java实现自定义table宽高的示例代码

《Java实现自定义table宽高的示例代码》在桌面应用、管理系统乃至报表工具中,表格(JTable)作为最常用的数据展示组件,不仅承载对数据的增删改查,还需要配合布局与视觉需求,而JavaSwing... 目录一、项目背景详细介绍二、项目需求详细介绍三、相关技术详细介绍四、实现思路详细介绍五、完整实现代码