Messenger Previewとは何ですか？

Messenger PreviewはJared Hughesによって開発されたChromeの拡張機能で、その主な機能は「Preview the appearance of messages sent in Facebook Messenger. Know how bold, italics, strikethrough, code, and math will appear.」です。

拡張機能のスクリーンショット

Messenger Preview拡張機能のCRXファイルをダウンロード

Messenger Preview拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

▶ Update:

This extension no longer works as of December 16th, 2020. Messenger made extensive changes to their user interface, including disabling KaTeX. Since the KaTeX preview was my main motivation for making this, I have no intentions to fix this extension.

However, the number of users has tripled (~30 to 100) since it broke, so I'm leaving this published on the off-chance that it still works for some people.

————————————————————————
————————————————————————

Messenger has many different formatting options, such as bold, italics, strikethrough, monospaced code, and math formatting through KaTeX (a subset of LaTeX). It can be hard to know what a message will look like without sending it once, so this extension shows a preview of how each message will appear before you send it.

Note: the formatting only renders properly on web Messenger. Mobile Messenger does not show any of the formatting.

All previews are performed client-side. None of your information is sent to any third-party server.

See https://www.facebook.com/help/147348452522644 for details on formatting text.

Supported functions in the LaTeX math formatting are at https://www.facebook.com/help/147348452522644.

▶ Usage

Write messages as normal. As you type, you should see a light message appear about where it will appear when you send the message (when it actually sends, your message might attach to the group above it). Sometimes, the preview is a bit hidden, requiring you to scroll down within the chat.

Warning: Sometimes the preview does not show at first. Reload the messenger page once, and it should appear at least until you open another conversation. Reloading the page does *not* delete the contents of the message box.

As usual in Messenger chats, write

• *bold*
• _italics_
• ~strikethrough~
• $ $$ to display inline math using LaTeX, e.g. `$\frac{1}{2}$`
• \[\] to display math that takes up the whole message. This may include
scrollbars and is useful for long chunks of math.
• `inline code`
• ```full message code```
• for code with syntax highlighting, use

```python
def f(a,b):
return a + b
```

If necessary, press ctrl+enter to create a newline within a message.

The math uses a subset of KaTeX, which is itself a subset of LaTeX. See the
[Katex Docs](https://katex.org/docs/supported.html) for supported functions.
Some functions only work within math that takes up the whole message
(`\[...\]`). If anything at all is wrong, none of the message will render as
math.

Clicking the three dots to the left of a message then "Show Original" will
remove all formatting from the message.

▶ Limitations
This is an unofficial extension; Facebook might change Messenger at any time which could break this extension.

The extension only works in www.messenger.com and www.facebook.com/messenger, not the preview within www.facebook.com.$

拡張機能の基本情報

名前	Messenger Preview
ID	cpimjhhigdjabaeklhlehfaghfeacibn
公式URL	https://chrome.google.com/webstore/detail/messenger-preview/cpimjhhigdjabaeklhlehfaghfeacibn
説明	Preview the appearance of messages sent in Facebook Messenger. Know how bold, italics, strikethrough, code, and math will appear.
ファイルサイズ	12.63 KB
インストール数	126
現在のバージョン	0.1
最終更新日	2021-04-02
公開日	2019-12-24
評価	5.00/5 合計 3 レビュー
開発者	Jared Hughes
Eメール	[email protected]
支払い方法	free
対応言語	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Messenger Preview", "version": "0.1", "description": "Preview the appearance of messages sent in Facebook Messenger. Know how bold, italics, strikethrough, code, and math will appear.", "permissions": [ ":\/\/www.messenger.com\/", ":\/\/www.facebook.com\/messages\/*" ], "icons": { "128": "images\/icon128.png" }, "content_scripts": [ { "matches": [ ":\/\/www.messenger.com\/t\/", ":\/\/www.facebook.com\/messages\/**" ], "js": [ "content.js" ] } ], "web_accessible_resources": [ "script.js" ], "manifest_version": 2 }