★★

WKWebView 功能測試 (下) - 與 Javascript 交流

使用 Javascript 連結網頁與 APP

最後要測試的是最重要的功能,也就是使用 Javascript 連結網頁與 APP。

希望達到的功能有二種:

  • 由 APP 向網頁注入 Javascript,並取得傳回資料。

  • 網頁的 Javascript 執行 APP 的功能並傳資料給 APP。

有了這雙方溝通的功能,就可以做出很多應用了。

由 APP 向網頁注入 Javascript

在這裡我們要設計二個測試:

1. 把 APP 輸入欄位的內容寫到網頁中的 Label 中。

重要度:
文章分類:

WKWebView 功能測試 (上) - 建置、設定、呈現

 

以前 Mac 程式內建的瀏覽器元件是用 WebView,iOS 則是用 UIWebView,而現在最新的是用 WKWebView,不過文中若提到 WebView 通常就是指 WKWebView,除非有特別強調是指舊版的框架。

建置 WKWebView

因為直接使用 WebView 元件似乎會有問題,在 Xcode 上雖然可以執行,但是直接由 APP 執行就看不到 WebView,所以採用使用 code 來建置 WebView。

底下的 code 是 copy 來的,黑色是原來就有的,紅色是後來加上去的。

 

import Cocoa

import WebKit

 

class ViewController: NSViewController, WKUIDelegate, WKNavigationDelegate {

 

    let webView = WKWebView()

    

    override func viewDidLoad() {

        super.viewDidLoad()

 

        // Do any additional setup after loading the view.

        

        self.webView.uiDelegate = self

        self.webView.navigationDelegate = self

        webView.frame = CGRect(x:0,y:0,width:400,height: 270)

        view.addSubview(webView)

                

        let myURL=URL(string: "https://www.apple.com")

        let myRequest = URLRequest(url: myURL!)

        webView.load(myRequest)

    }

 

    override var representedObject: Any? {

        didSet {

        // Update the view, if already loaded.

        }

    }

}

 

重要度:
文章分類:

使用 Calibre 將 ePub 轉 PDF 電子書

前言

CBETA 目前提供的電子書主要有三個版本:ePub、PDF、mobi。其中最主要製作的版本是 ePub,至於 PDF 和 mobi 則是利用 Calibre 轉換產生的。因此對於 CBETA 產生的 PDF 或 mobi 的格式有不同需求的法友,可以自行利用 Calibre 來產生適合自己的版本。底下簡單介紹 Calibre 的轉換操作,提供有需要的法友參考。

下載程式

首先下載 Calibre,不過根據我們的經驗,所有 4.x 的版本 (目前最新的版本是 4.2.0) 產生的 PDF 會有問題,中文內容經複製後會產生亂碼,因此我們是下載 3.x 的最後一版,也就是 3.48.0 。若您沒有複製的需求,您可以挑您喜歡的版本來轉換。

底下網址可以找到各種版本,包括 Windows、Mac、Linux 等。

https://download.calibre-ebook.com

因為需要多種版本測試,所以我是下載 Calibre Portable 版。

重要度:
閱讀權限:
文章分類:

Xcode 用 Storyboard 開發程式記錄 (4/4)

 

在獨立檔案建立共用物件

這個階段要建立一個共用物件,例如程式的設定資料,我希望在一個獨立的檔案建立 CSetting 類別,產生 Setting 物件,然後在第二個視窗去修改設定內容,並且在第一個視窗可以取得修改過的資料。

同樣建立新檔,這次不是視窗,所以選空白的 Swift File。

image

重要度:
文章分類:

Xcode 用 Storyboard 開發程式記錄 (3/4)

 

建立第二視窗

接著要設計開啟第二個視窗的功能。

首先打開元件列表,將 View Controller 拉到設計畫面,也就是藍框的位置,那就是第二個視窗。

image

重要度:
文章分類:

Xcode 用 Storyboard 開發程式記錄 (2/4)

設計畫面

現在要在畫面上加一些元件。

先按下右上角紅框的+號,會出現元件列表,把一個 Push Button 拉到畫面的 View 中。

image

重要度:
文章分類:

Xcode 用 Storyboard 開發程式記錄 (1/4)

這一篇算是自己初學 Xcode + Storyboard 的記錄,想要了解檔案、視窗之間彼此的關係。

Mac 最新推出的是 SwiftUI 框架,但它必須要最新的 macOS 10.15 Catalina 才能執行,而且參考資料不多,所以我還是先學習 Storyboard。

以下記錄是自己查詢及摸索來的,主要目標是讓程式可以執行,並不一定是正確的或最好的,也許解釋上還有錯誤,參考時請小心。

重要度:
文章分類:

在 Xcode 操作 Git

我未來有機會要在 Mac 的 Xcode 開發程式,因為是在不熟悉的環境,所以要先了解一些基本的工具,其中版本控制的 Git 就是重要的工具之一。

在 Windows 環境下,我使用 Git 是用 TortoiseGit 這一套工具,它是 GUI 界面,非常方便好用。在 Windows 下的開發環境或 VSCode 等編輯程式雖然也有整合 Git,我就懶得學那麼多套了,直接用 TortoiseGit 來操作。當然,我更懶得背 Git 的指令了。


在 Mac 上,我雖然有安裝 Sourcetree 這套工具,但還沒有熟悉,所以打算直接學習在 Xcode 上操作 Git,也省得每次要離開 Xcode 才能操作 Git 的功能。


底下記錄我常用的功能與操作方式,不過並不會介紹 Git 的細節,所以這是只適合對 Git 已有初步認識的人閱讀的。


環境


macOS 10.15 Catalina

Xcode 11.1

 

重要度:
文章分類:
電腦標籤:

在 Mac 上安裝二套 macOS

很多人都知道多重開機,在使用 Windows 時常見到的就是用不同的硬碟或分割區來安裝另一套 Windows 或 Linux 系統,另一種方式就是用虛擬主機來啟動另一套作業系統,我也試過在虛擬主機安裝過 Mac 來測試。

在 Mac 上也有內建的 Boot Camp 可用來安裝 Windows,同樣也可以使用虛擬主機程式來安裝 Windows。

但是若要安裝二套 macOS 呢?對 Mac 是超級新手的我來說,以前還真沒聽過有人討論這件事。

重要度:
文章分類:
電腦標籤:

Drupal 7 一頁包含多個 Pager 的設定

這個標題似乎不太好懂,我也想不出更明白的名稱,總不能寫「二千三百萬人都大吃一驚的設定」吧。
 
問題是這樣的,我把舊的 Drupal 6 網站轉成 Drupal 7 之後,發現一個怪現象。原本首頁底下有個 Pager,就是列出還有多少分頁的連結,原本應該像這樣:
 
image
 
結果更新完之後,發現它變成只有這樣:
 
image
 
這樣明顯有問題,因為不可能只有二頁,但我也不知為何會如此?
 
重要度:
文章分類:
電腦標籤:

頁面

借我放一下廣告
訂閱 ★★