All posts
2 min read

Using Yinxiangbiji in Safari on an English-language macOS

On this page

Evernote runs a separate account system in China — Yinxiangbiji (印象笔记) — and last year the team there spun off entirely. But the Safari Web Clipper is still the same extension (download here). The awkward part: if your system language is English, there’s no obvious way to sign in to your Yinxiangbiji account from the clipper. This post is a note on how to work around it.

By default Safari doesn’t show the Develop menu, so the first step is to enable it. Open Safari’s Preferences, go to the Advanced tab, and tick the checkbox at the bottom as shown.

Capto_Capture 2019-03-13_12-39-08_A

Now the Develop menu shows up in Safari’s top menu bar:

Capto_Capture 2019-03-13_12-40-57_A

After you install the Evernote clipper extension and click its button in Safari, you’ll find it sends you straight to the Evernote login page — there’s no entry point for Yinxiangbiji. Even if you’re already signed in to Yinxiangbiji in Safari, the session and cookies don’t help here.

Capto_Capture 2019-03-13_12-50-48_A

So sign in with an international Evernote account. If you don’t have one, register one. The point is you need to be logged in so that the clipper UI is actually displayed.

Once signed in, open any page and trigger the clipper. Now you can finally see the clipping menu:

Capto_Capture 2019-03-13_12-52-36_A

Capto_Capture 2019-03-13_12-53-45_A

Click Options at the bottom to open the settings panel.

Capto_Capture 2019-03-13_12-56-16_A

Now, because we enabled the Develop menu earlier, you can right-click the panel.

Capto_Capture 2019-03-13_12-58-02_A

Click Inspect Element to open the element inspector. With the elements pane focused, hit Command+F and search for DeveloperContainer.

Capto_Capture 2019-03-13_12-59-28_A

Capto_Capture 2019-03-13_01-02-18_A

You can guess what’s going on: this panel hides some developer options behind display:none. Just delete the display:none — double-click to select it and remove it.

You’ll see the div contains several more divs (developer-only options, hidden from the normal UI). They’re hidden via style="display:none;" — a CSS rule that hides everything inside. Delete it and press Enter.

The Yinxiangbiji clipper extension up top refreshes, and the previously hidden options appear:

Capto_Capture 2019-03-13_01-05-31_A

The Developer Options form is now visible, and a bit further down there’s an option called Simulate Simplified Chinese. Tick that checkbox. The clipper will automatically log out of the current Evernote account. Click the clipper button again and it’ll trigger the Yinxiangbiji login flow — the URL will switch into the https://app.yinxiang.com domain.

Capto_Capture 2019-03-13_01-10-22_A

Once you’ve signed in, your clipper is now using the Yinxiangbiji account.

Capto_Capture 2019-03-13_01-11-52_A

Enjoy it.