

本文為英文版的機器翻譯版本，如內容有任何歧義或不一致之處，概以英文版為準。

# 使用適用於 Google Chrome 的 CloudWatch Synthetics Recorder
<a name="CloudWatch_Synthetics_Canaries_Recorder"></a>

Amazon 提供了 CloudWatch Synthetics Recorder，可幫助您更輕鬆地建立 Canary。記錄器是 Google Chrome 延伸。

記錄器記錄了您在網站上的點按和輸入動作，並自動產生 Node.js 指令碼，而該指令碼可用於建立遵循相同步驟的 Canary。

開始記錄後，CloudWatch Synthetics Recorder 會在瀏覽器中偵測您的動作，並將其轉換為指令碼。您可以視需要暫停和繼續記錄。當您停止記錄時，記錄器會產生動作的 Node.js 指令碼，而您可以使用 **Copy to Clipboard** (複製到剪貼簿) 按鈕輕鬆進行複製。然後，您可以使用此指令碼在 CloudWatch Synthetics 中建立 Canary。

**點數**：CloudWatch Synthetics Recorder 是以[無周邊記錄器](https://github.com/checkly/headless-recorder)為基礎。

## 安裝適用於 Google Chrome 的 CloudWatch Synthetics Recorder 延伸
<a name="CloudWatch_Synthetics_Canaries_Recorder-install"></a>

若要使用 CloudWatch Synthetics Recorder，您可以開始建立 Canary 並選擇 **Canary Recorder** (Canary 記錄器) 藍圖。如果您在尚未下載記錄器時執行此動作，CloudWatch Synthetics 主控台會提供下載連結。

或者，您可以依照這些步驟直接下載及安裝記錄器。

**若要安裝 CloudWatch Synthetics Recorder**

1. 使用 Google Chrome，前往此網站：[https://chrome.google.com/webstore/detail/cloudwatch-synthetics-rec/bhdnlmmgiplmbcdmkkdfplenecpegfno ](https://chrome.google.com/webstore/detail/cloudwatch-synthetics-rec/bhdnlmmgiplmbcdmkkdfplenecpegfno)

1. 選擇 **Add to Chrome** (新增至 Chrome)，然後選擇 **Add extension** (新增延伸)。

## 使用適用於 Google Chrome 的 CloudWatch Synthetics Recorder
<a name="CloudWatch_Synthetics_Canaries_Recorder-using"></a>

若要使用 CloudWatch Synthetics Recorder 來協助您建立 Canary，您可以在 CloudWatch 主控台中選擇 **Create canary** (建立 Canary)，然後選擇 **Use a blueprint** (使用藍圖)、**Canary Recorder** (Canary 記錄器)。如需詳細資訊，請參閱[建立 Canary](CloudWatch_Synthetics_Canaries_Create.md)。

或者，您可以使用記錄器來記錄步驟，而不需立即使用它們來建立 Canary。

**若要使用 CloudWatch Synthetics Recorder 記錄您在網站上的動作**

1. 導覽至您想要監控的頁面。

1. 選擇 Chrome 延伸圖示，然後選擇 **CloudWatch Synthetics Recorder**。

1. 選擇 **Start Recording** (開始記錄)。

1. 執行您想要記錄的步驟。若要暫停錄製，請選擇**暫停**。

1. 完成記錄工作流程時，選擇 **Stop recording** (停止錄製)。

1. 選擇 **Copy to clipboard** (複製到剪貼簿)，將產生的指令碼複製到剪貼簿。或者，如果您想要重新開始，請選擇 **New recording** (新的記錄)。

1. 若要使用複製的指令碼建立 Canary，您可以將複製的指令碼貼到記錄器藍圖內置編輯器中，或將其儲存到 Simple Storage Service (Amazon S3) 儲存貯體中並從其中匯入。

1. 如果您不是要立即建立 Canary，則可以將記錄的指令碼儲存到檔案中。

## CloudWatch Synthetics Recorder 的已知限制
<a name="CloudWatch_Synthetics_Canaries_Recorder-limitations"></a>

適用於 Google Chrome 的 CloudWatch Synthetics Recorder 目前有以下限制。
+ 沒有 ID 的 HTML 元素將使用 CSS 選擇器。如果網頁結構稍後發生變更，這可能會破壞 Canary。我們計劃在未來版本的記錄器中提供一些組態選項 (例如使用 data-id)。
+ 記錄器不支援按兩下或複製/貼上等動作，也不支援 CMD\+0 之類的按鍵組合。
+ 若要驗證頁面上是否存在元素或文字，使用者必須在產生指令碼之後新增聲明。記錄器不支援驗證元素而不對該元素執行任何動作。這類似於 Canary 工作流程建置器中的「驗證文字」或「驗證元素」選項。我們計劃在未來版本的記錄器中新增一些聲明支援。
+ 記錄器會在啟動記錄的標籤中記錄所有動作。它不會記錄快顯 (例如，允許位置追蹤)，也不會從快顯導覽至不同的頁面。