我可以在Silverlight应用程序中使用JS吗？

Question

我有Silverlight应用程序。 例如，我想添加一些可以与SL应用程序交互的JS脚本。 例如，我想使用JS API添加Google Map。 我可以这样做，但是我必须从SL向JS发送一些数据，以在地图上添加图钉，在地图上绘制图等。

Answer 1

如果您使用的是Windows Phone，那么您不介意将xaml的一部分作为webview即可。

首先在xaml中添加一个webview

<phone:WebBrowser Name="webView" BorderThickness="0" BorderBrush="Transparent" IsScriptEnabled="True" 
                              ScriptNotify="WebBrowser_ScriptNotify" />

然后，您必须将Webview与load事件绑定在一起，然后将文件保存到存储中并加载html和js文件

webView.Loaded += WebBrowser_OnLoaded;

    private void WebBrowser_OnLoaded(object sender, RoutedEventArgs e)
    {
        SaveFilesToIsoStore();
        chatView.Navigate(new Uri("Assets/HtmlContent/index.html", UriKind.Relative));
    }

    private void SaveFilesToIsoStore()
    {
        //These files must match what is included in the application package,
        //or BinaryStream.Dispose below will throw an exception.
        string[] files = {
            "Assets/HtmlContent/index.html", 
            "Assets/HtmlContent/js/libs/jquery-1.11.0.min.js",  "Assets/HtmlContent/js/pagejs.js",  "Assets/HtmlContent/css/style.css"
        };

        IsolatedStorageFile isoStore = IsolatedStorageFile.GetUserStoreForApplication();

        if (false == isoStore.FileExists(files[0]))
        {
            foreach (string f in files)
            {
                StreamResourceInfo sr = Application.GetResourceStream(new Uri(f, UriKind.Relative));
                using (BinaryReader br = new BinaryReader(sr.Stream))
                {
                    byte[] data = br.ReadBytes((int)sr.Stream.Length);
                    SaveToIsoStore(f, data);
                }
            }
        }
    }

    private void SaveToIsoStore(string fileName, byte[] data)
    {
        string strBaseDir = string.Empty;
        string delimStr = "/";
        char[] delimiter = delimStr.ToCharArray();
        string[] dirsPath = fileName.Split(delimiter);

        //Get the IsoStore.
        IsolatedStorageFile isoStore = IsolatedStorageFile.GetUserStoreForApplication();

        //Re-create the directory structure.
        for (int i = 0; i < dirsPath.Length - 1; i++)
        {
            strBaseDir = System.IO.Path.Combine(strBaseDir, dirsPath[i]);
            isoStore.CreateDirectory(strBaseDir);
        }

        //Remove the existing file.
        if (isoStore.FileExists(fileName))
        {
            isoStore.DeleteFile(fileName);
        }

        //Write the file.
        using (BinaryWriter bw = new BinaryWriter(isoStore.CreateFile(fileName)))
        {
            bw.Write(data);
            bw.Close();

因此，在js上，您必须像这样与c＃对话

function sendMessageToCodeBehind(someData) {
    window.external.notify(JSON.stringify({ method: 'AddMessage', data: someData }));
}

在后面的代码中，您将像这样从Web视图接收消息：

    private void WebBrowser_ScriptNotify(object sender, NotifyEventArgs e)
    {
        var example = new { method = string.Empty, data = new object() };

        var obj = JsonConvert.DeserializeAnonymousType(e.Value, example);

        switch (obj.method) {
            case "methodName":
        }
    }

您将像这样将消息发送回js

webView.InvokeScript("jsMethodName", JsonConvert.SerializeObject(new { Message = "some json message" }));