Owing to the promising clinical efficacy and relatively simple composition, Shuang-Huang-Lian prescription is widely prescribed for the treatment of acute upper respiratory tract infection and acute bronchitis in practice. This necessitates the understanding of the bioactive compounds of the prescription and their binding mechanism to β -adrenoceptor, which mediates the aforementioned ailments. In this work, a column containing immobilized β -adrenoceptor was prepared using a diazonium salt reaction. The bioactive compound collected from the β -adrenoceptor column was identified as chlorogenic acid by using high-performance liquid chromatography coupled with ion trap mass spectrometry. Using an injection amount dependent method, chlorogenic acid proved the binding to β -adrenoceptor through two kinds of sites. The numbers of the sites were (1.42 ± 0.03) × 10 and (9.06 ± 0.49) × 10 M. The association constants were (2.72 ± 0.01) × 10 and (2.80 ± 0.01) × 10 M , respectively. Molecular docking analysis of the interaction between chlorogenic acid and β -adrenoceptor indicated that the binding mainly occurred on Ser , Ser , and Phe of β -adrenoceptor. These results paved the way to screen bioactive compounds of other traditional medicines by receptor chromatography.