[C#/MAUI/.NET6] WebView 클래스 : EvaluateJavaScriptAsync 메소드를 사용해 자바 스크립트 실행하기
C#/MAUI 2022. 5. 18. 23:19728x90
반응형
728x170
▶ MainPage.xaml
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MainPage"
xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
<Grid
Margin="10"
RowDefinitions="Auto,10,*">
<Grid Grid.Row="0"
ColumnDefinitions="*,10,Auto">
<Entry x:Name="valueEntry" Grid.Column="0" />
<Button x:Name="calculateButton" Grid.Column="2"
WidthRequest="100"
Text="계산" />
</Grid>
<WebView x:Name="webView" Grid.Row="2">
<WebView.Source>
<HtmlWebViewSource>
<HtmlWebViewSource.Html>
<![CDATA[
<html>
<body>
<script type="text/javascript">
function factorial(num)
{
if(num === 0 || num === 1)
{
return 1;
}
for(var i = num - 1; i >= 1; i--)
{
num *= i;
}
return num;
}
</script>
<h1>.NET MAUI</h1>
<p>Welcome to WebView.</p>
</body>
</html>
]]>
</HtmlWebViewSource.Html>
</HtmlWebViewSource>
</WebView.Source>
</WebView>
</Grid>
</ContentPage>
728x90
▶ MainPage.xaml.cs
namespace TestProject;
/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : ContentPage
{
//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
////////////////////////////////////////////////////////////////////////////////////////// Public
#region 생성자 - MainPage()
/// <summary>
/// 생성자
/// </summary>
public MainPage()
{
InitializeComponent();
this.calculateButton.Clicked += calculateButton_Clicked;
}
#endregion
//////////////////////////////////////////////////////////////////////////////////////////////////// Method
////////////////////////////////////////////////////////////////////////////////////////// Private
#region 계산 버튼 클릭시 처리하기 - calculateButton_Clicked(sender, e)
/// <summary>
/// 계산 버튼 클릭시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private async void calculateButton_Clicked(object sender, EventArgs e)
{
int value = int.Parse(this.valueEntry.Text);
string result = await this.webView.EvaluateJavaScriptAsync($"factorial({value})");
await DisplayAlert("INFORMATION", $"Factorial of {value} is {result}.", "확인");
}
#endregion
}728x90
반응형
그리드형(광고전용)
'C# > MAUI' 카테고리의 다른 글
| [C#/MAUI/.NET6] ImageButton 엘리먼트 사용하기 (0) | 2022.05.19 |
|---|---|
| [C#/MAUI/.NET6] Button 엘리먼트 : ContentLayout 속성 사용하기 (0) | 2022.05.19 |
| [C#/MAUI/.NET6] VisualStateManager 엘리먼트 : VisualStateGroups 첨부 속성을 Button 객체에서 사용하기 (0) | 2022.05.19 |
| [C#/MAUI/.NET6] Button 엘리먼트 : Pressed/Released 이벤트 사용하기 (0) | 2022.05.19 |
| [C#/MAUI/.NET6] Button 엘리먼트 : Command 속성 사용하기 (0) | 2022.05.19 |
| [C#/MAUI/.NET6] WebView 클래스 : 쿠키 설정하기 (0) | 2022.05.18 |
| [C#/MAUI/.NET6] WebView 클래스 : GoForward 메소드 사용하기 (0) | 2022.05.18 |
| [C#/MAUI/.NET6] WebView 클래스 : GoBack 메소드 사용하기 (0) | 2022.05.18 |
| [C#/MAUI/.NET6] WebView 클래스 : Reload 메소드를 사용해 컨텐츠 갱신하기 (0) | 2022.05.18 |
| [C#/MAUI/.NET6] WebView 엘리먼트 : Source 속성을 사용해 로컬 HTML 파일 로드하기 (0) | 2022.05.18 |
댓글을 달아 주세요